<template>
  <!-- 发布楼盘 -->
  <div class="box">
    <div class="zbc" v-if="zbc">
      <div class="xiaoshouList" v-if="xiaoshouListShow">
        <div class="el-icon-circle-close" @click="xiaoshouListGuan"></div>
        <div class="tit1">
          <div class="d1">销售信息</div>
          <div class="d2" @click="xiaoshouxxClick">
            <div class="el-icon-circle-plus"></div>
            <div>新增信息</div>
          </div>
        </div>
        <div class="biao">
          <el-table :data="numberList" border style="width: 100%">
            <el-table-column label="楼盘名称" width="200">
              <template slot-scope="scope">
                <div>{{ building.title }}</div>
              </template>
            </el-table-column>
            <el-table-column prop="building_num" label="销售楼栋" width="200"></el-table-column>
            <el-table-column prop="title" label="销售户型" width="200"></el-table-column>
            <el-table-column prop="create_date" label="创建时间" width="270"></el-table-column>
            <el-table-column label="操作">
              <template slot-scope="scope">
                <!-- <el-button type="text" size="small">查看</el-button> -->
                <el-button type="text" size="small" @click="xiaosupdate(scope.row)">编辑</el-button>
                <el-button type="text" size="small" @click="delBuildingsNumber(scope.row.id)">删除</el-button>
              </template>
            </el-table-column>
          </el-table>
        </div>
        <div class="tit1">
          <div class="d1">预售许可</div>
          <div class="d2" @click="xiaoshouxkClick">
            <div class="el-icon-circle-plus"></div>
            <div>新增信息</div>
          </div>
        </div>
        <div class="biao">
          <el-table :data="building.permit" border style="width: 100%">
            <el-table-column label="楼盘名称" width="160"><template slot-scope="scope">
                <div>{{ building.title }}</div>
              </template>
            </el-table-column>
            <el-table-column prop="pfzz" label="预售证号" width="160"></el-table-column>
            <el-table-column prop="fzsj" label="发证时间" width="160"></el-table-column>
            <el-table-column prop="bdlh" label="绑定楼栋" width="160"></el-table-column>
            <!-- <el-table-column
              prop="createdata"
              label="创建时间"
              width="270"
            ></el-table-column> -->
            <el-table-column label="操作">
              <template slot-scope="scope">
                <!-- <el-button type="text" size="small">查看</el-button> -->
                <el-button type="text" size="small" @click="ysupdate(scope.row)">编辑</el-button>
                <el-button type="text" size="small" @click="delys(scope.row.key)">删除</el-button>
              </template>
            </el-table-column>
          </el-table>
        </div>
      </div>
      <!-- 修改预售许可 -->
      <div class="xiaoshouxkBox" v-if="updatexiaoshou">
        <div class="xiaoshouxx">
          <div class="el-icon-circle-close" @click="xiaoshouxkGuan"></div>
          <div class="zbc_tit1">
            <div class="d1">预售许可</div>
          </div>
          <div class="zbc_con1 con1">
            <div class="li">
              <div>预售证号</div>
              <input v-model="preSalePermitNew.presaleNo" placeholder="请填写预售证号" type="text" />
            </div>
            <div class="li">
              <div>发证时间</div>
              <el-date-picker id="d1-input" v-model="preSalePermitNew.issuingTime" type="date" placeholder="选择发证时间"
                value-format="yyyy-MM-dd">
              </el-date-picker>
            </div>
            <div class="li">
              <div>绑定楼栋</div>
              <input v-model="preSalePermitNew.boundBuilding" type="text" placeholder="请填写绑定楼号" />
            </div>
          </div>
          <div @click="xiaoshouxkGuan(2)" class="but">修改</div>
        </div>
      </div>
      <div class="huxing" v-if="huxingShow">
        <div class="titLiat">
          <div @click="titClick(item.name)" :class="xuanzhong == index ? 'li cur' : 'li'" v-for="(item, index) in list"
            :key="index">
            <p>{{ item.name }}</p>
            <img v-if="index == xuanzhong" src="../../assets/xuanzhong.png" />
          </div>
        </div>
        <div class="list2">
          <div :class="item.choose ? 'li liXuan' : 'li'" v-for="(item, index) in housetypeList" :key="index"
            @click="huxingXuan(item)">
            <img :src="$img + item.image" />
            <div class="wenzi">
              <p class="p1">{{ item.title }}</p>
              <p class="p2">建筑面积：{{ item.floorage }}m²</p>
              <p class="p3">户型类别：{{ item.houseType }}</p>
              <p class="p4">{{ item.price }}万元</p>
            </div>
          </div>
        </div>
        <el-empty description="暂无户型" v-if="housetypeList.length <= 0"></el-empty>
        <div class="fenye">
          <el-pagination background layout="prev, pager, next" :total="housetypetotal" :page-size="housetypepage.pageSize"
            :current-change="housetypepage.pageNo" @current-change="housetypechange"></el-pagination>
        </div>
        <div @click="huxingGuan" class="but">确定</div>
      </div>
      <div class="xiaoshouxxBox" v-if="xiaoshouxxShow">
        <div class="xiaoshouxx">
          <div class="el-icon-circle-close" @click="xiaoshouxxGuan"></div>
          <div class="zbc_tit1">
            <div class="d1">销售信息</div>
          </div>
          <div class="zbc_con1">
            <div class="li">
              <div>楼号</div>
              <input v-model="houseNumber.buildingNum" type="text" />
            </div>
            <div class="li">
              <div>开盘时间</div>
              <el-date-picker id="d1-input" v-model="houseNumber.openingTime" type="datetime"
                value-format="yyyy-MM-dd HH:mm:ss">
              </el-date-picker>
              <!-- <input v-model="houseNumber.openingTime" type="text" /> -->
            </div>
            <div class="li d1-input-right">
              <div>交房时间</div>
              <el-date-picker id="d1-input" v-model="houseNumber.deliveryTime" type="datetime"
                value-format="yyyy-MM-dd HH:mm:ss">
              </el-date-picker>
              <!-- <input v-model="houseNumber.deliveryTime" type="text" /> -->
            </div>
            <div class="li">
              <div>层数</div>
              <input v-model="houseNumber.layerNumber" type="number" />
            </div>
            <div class="li">
              <div>单元</div>
              <input v-model="houseNumber.unitNumber" type="number" />
            </div>
            <div class="li">
              <div>户数</div>
              <input v-model="houseNumber.housesNumber" type="number" />
            </div>
            <div class="li" @click="huxing">
              <div>户型</div>
              <input v-model="houseNumber.title" type="text" disabled="true" style="cursor: pointer" />
            </div>
          </div>
          <div @click="xiaoshouxxGuan(1)" class="but">确定</div>
        </div>
      </div>
      <!-- 新增预售许可 -->
      <div class="xiaoshouxkBox" v-if="xiaoshouxkShow">
        <div class="xiaoshouxx">
          <div class="el-icon-circle-close" @click="xiaoshouxkGuan"></div>
          <div class="zbc_tit1">
            <div class="d1">预售许可</div>
          </div>
          <div class="zbc_con1 con1">
            <div class="li">
              <div>预售证号</div>
              <input v-model="preSalePermitNew.presaleNo" placeholder="请填写预售证号" type="text" />
            </div>
            <div class="li">
              <div>发证时间</div>
              <!-- <input
                v-model="fzsj"
                placeholder="请填写发证时间"
                type="text"
              /> -->
              <el-date-picker id="d1-input" v-model="preSalePermitNew.issuingTime" type="date" placeholder="选择发证时间"
                value-format="yyyy-MM-dd">
              </el-date-picker>
            </div>
            <div class="li">
              <div>绑定楼栋</div>
              <input v-model="preSalePermitNew.boundBuilding" type="text" placeholder="请填写绑定楼号" />
            </div>
          </div>
          <div @click="xiaoshouxkGuan(1)" class="but">确定</div>
        </div>
      </div>
      <div id="map" class="map" v-if="mapShow"></div>
    </div>
    <heads></heads>
    <div class="tit">
      <div class="list">
        <div class="li" style="cursor: pointer" @click="() => {
          $router.push('/');
        }
          ">
          <img src="../../assets/logo.png" />
          <!-- <span>帮帮同城</span> -->
        </div>
        <div class="title">
          <div @click="titleClick(1)" :class="titleIndex == 1 ? 'color' : ''">
            基础信息
          </div>
          <div @click="titleClick(2)" v-if="buildingsstate" :class="titleIndex == 2 ? 'color' : ''">
            户型介绍
          </div>
          <div @click="titleClick(6)" v-if="buildingsstate" :class="titleIndex == 6 ? 'color' : ''">
            预售许可
          </div>
          <div @click="titleClick(7)" v-if="buildingsstate" :class="titleIndex == 7 ? 'color' : ''">
            销售信息
          </div>
          <div @click="titleClick(8)" v-if="buildingsstate" :class="titleIndex == 8 ? 'color' : ''">
            楼盘轮播
          </div>
          <!-- <div
            @click="titleClick(3)"
            v-if="buildingsstate"
            style="margin-right:0;"
            :class="titleIndex == 3 ? 'color' : ''"
          >
            楼盘资讯
          </div> -->
          <!-- <div
            @click="titleClick(4)"
            v-if="buildingsstate"
            :class="titleIndex == 4 ? 'color' : ''"
          >
            发布房源
          </div> -->
          <!-- <div @click="titleClick(5)" v-if="buildingsstate" :class="titleIndex == 5 ? 'color' : ''">
            看点管理
          </div>   -->
        </div>
        <downloadAppBtn></downloadAppBtn>
        <!-- <div class="but" @click="showCode()">下载帮帮同城app</div> -->
      </div>
      <transition name="el-fade-in">
        <div class="erweima" v-if="ewmStatus">
          <div><img src="../../assets/android.png" /><span>安卓</span></div>
          <div><img src="../../assets/iosDown.png" /><span>IOS</span></div>
          <i class="el-icon-close" style="position: absolute;top: 3px;color: #000;font-size: 20px;right: 20px;"
            @click="yc()"></i>
        </div>
      </transition>
    </div>

    <div v-if="titleIndex == 1">
      <div class="form">
        <!-- <div class="xuke" @click="xiaoshouClick">销售信息/预售许可</div> -->
        <div class="list" v-if="title">
          <div class="li">
            <div class="left"><span>*</span>楼盘名称</div>
            <div class="right">
              <el-input v-model="building.title" maxlength="32" id="input__inner" placeholder="请填写楼盘名称">
                <template slot="append">{{ building.title.length }}/32</template>
              </el-input>
            </div>
          </div>
          <div class="li">
            <div class="left"><span>*</span>开盘时间</div>
            <div class="right">
              <!-- <input placeholder="请填写楼盘标题" /> -->
              <el-date-picker id="input__inner" v-model="building.starTime" type="datetime" placeholder="选择开盘时间"
                value-format="yyyy-MM-dd HH:mm:ss" :picker-options="{
                  disabledDate(time) {
                    if (!building.giveTime) {
                      return false
                    } else {
                      return new Date(time) <= new Date(building.giveTime)
                    }

                  }

                }">
              </el-date-picker>
            </div>
          </div>
          <div class="li">
            <div class="left"><span>*</span>交房时间</div>
            <div class="right">
              <!-- <input placeholder="请填写交房时间" /> -->
              <el-date-picker v-model="building.giveTime" id="input__inner" type="datetime" placeholder="选择交房时间"
                value-format="yyyy-MM-dd HH:mm:ss" :picker-options="{
                  disabledDate(time) {
                    if (!building.starTime) {
                      return false
                    } else {
                      return new Date(time) > new Date(building.starTime)
                    }

                  }

                }">
              </el-date-picker>
            </div>
          </div>
          <!-- <div class="li">
            <div class="left"><span>*</span>装修标准</div>
            <div class="right">
              <el-select id="el-select" v-model="building.renovation" placeholder="请选择装修标准">
                <el-option :label="item.valueName" :value="item.valueName" v-for="(item,index) in type4" :key="item.id"></el-option>
              </el-select>
            </div>
          </div> -->
          <div class="li">
            <div class="left"><span>*</span>起价</div>
            <div class="right">
              <!-- <input v-model="building.starPrice" placeholder="请填写起价" /> -->
              <el-input placeholder="请填写起价" id="input__inner" v-model="building.starPrice" onkeyup="value=value.replace(/\D*(\d*)(\.?)(\d{0,3})\d*/,'$1$2$3') 
     .replace(/^0+(\d)/, '$1') 
     .replace(/^\./, '0.')  
     .match(/^\d*(\.?\d{0,3})/g)[0] || ''">
                <template slot="append">元/m²</template>
              </el-input>
            </div>
          </div>
          <div class="li">
            <div class="left"><span>*</span>均价</div>
            <div class="right">
              <!-- <input v-model="building.averagePrice" placeholder="请填写均价" /> -->
              <el-input id="input__inner" placeholder="请填写均价" v-model="building.averagePrice">
                <template slot="append">元/m²(待定请填待定)</template>
              </el-input>
            </div>
          </div>
          <div class="li">
            <div class="left"><span>*</span>规划户数</div>
            <div class="right">
              <!-- <input v-model="building.householdsNum" placeholder="请填写规划户数" /> -->
              <el-input id="input__inner" placeholder="请填写规划户数" v-model="building.householdsNum"
                onkeyup="value=value.replace(/[^0-9]/g,'')">
                <template slot="append">户</template>
              </el-input>
            </div>
          </div>
          <div class="li">
            <div class="left"><span>*</span>规划车位</div>
            <div class="right">
              <!-- <input v-model="building.vehiclesNum" placeholder="请填写规划车位" /> -->
              <el-input id="input__inner" placeholder="请填写规划车位" v-model="building.vehiclesNum"
                onkeyup="value=value.replace(/[^0-9]/g,'')">
                <template slot="append">个</template>
              </el-input>
            </div>
          </div>
          <div class="li">
            <div class="left"><span>*</span>规划楼座数</div>
            <div class="right">
              <!-- <input v-model="building.buildingsNum" placeholder="请填写规划楼座数" /> -->
              <el-input id="input__inner" placeholder="请填写规划楼座数" v-model="building.buildingsNum"
                onkeyup="value=value.replace(/[^0-9]/g,'')">
                <template slot="append">栋</template>
              </el-input>
            </div>
          </div>
          <div class="li">
            <div class="left"><span>*</span>物业费</div>
            <div class="right">
              <!-- <input v-model="building.propertyFee" placeholder="请填写物业费" /> -->
              <el-input id="input__inner" placeholder="请填写物业费" v-model="building.propertyFee" onkeyup="value=value.replace(/\D*(\d*)(\.?)(\d{0,3})\d*/,'$1$2$3') 
     .replace(/^0+(\d)/, '$1') 
     .replace(/^\./, '0.')  
     .match(/^\d*(\.?\d{0,3})/g)[0] || ''">
                <template slot="append">元/m²/月</template>
              </el-input>
            </div>
          </div>
          <div class="li">
            <div class="left"><span>*</span>建筑类型</div>
            <div class="right">
              <el-checkbox-group v-model="erectType">
                <el-checkbox v-for="(item, index) in type19" :key="item.id" :label="item.valueName"></el-checkbox>
              </el-checkbox-group>
              <!-- @change="pitchOn(item.valueName)" -->
              <!-- <el-select
                id="el-select"
                v-model="erectType"
                multiple
                placeholder="请选择建筑类型"
              >
                <el-checkbox-group v-model="erectType">
                  <el-option
                    :label="item.valueName"
                    :value="item.valueName"
                    v-for="(item, index) in type19"
                    :key="item.id"
                  >
                    <el-checkbox :label='item.valueName' @change="pitchOn(item.valueName)"></el-checkbox>
                  </el-option>
                </el-checkbox-group>
              </el-select> -->
              <!-- <el-select id="el-select" v-model="building.erectType" multiple placeholder="请选择建筑类型">
                <el-option
                    v-for="item in type19"
                    :key="item.id"
                    :label="item.valueName"
                    :value="item.valueNum">
                </el-option>
              </el-select> -->
            </div>
          </div>
          <div class="li">
            <div class="left"><span>*</span>产权年限</div>
            <div class="right">
              <!-- <input v-model="building.years" placeholder="请填写产权年限" /> -->
              <!-- <el-select
                id="el-select"
                v-model="years"
                multiple
                placeholder="请选择产权年限"
              >
                <el-option
                  :label="item.valueName"
                  :value="item.valueName"
                  v-for="(item, index) in type21"
                  :key="item.id"
                ></el-option>
              </el-select> -->
              <el-checkbox-group v-model="years">
                <el-checkbox v-for="(item, index) in type21" :key="item.id" :label="item.valueName"></el-checkbox>
              </el-checkbox-group>
            </div>
          </div>
          <div class="li">
            <div class="left"><span>*</span>容积率</div>
            <div class="right">
              <!-- <input v-model="building.plotRatio" placeholder="请填写容积率" /> -->
              <el-input id="input__inner" placeholder="请填写容积率" v-model="building.plotRatio" onkeyup="value=value.replace(/\D*(\d*)(\.?)(\d{0,3})\d*/,'$1$2$3') 
     .replace(/^0+(\d)/, '$1') 
     .replace(/^\./, '0.')  
     .match(/^\d*(\.?\d{0,3})/g)[0] || ''">
                <template slot="append">%</template>
              </el-input>
            </div>
          </div>
          <div class="li">
            <div class="left"><span>*</span>绿化率</div>
            <div class="right">
              <!-- <input v-model="building.greenRate" placeholder="请填写绿化率" /> -->
              <el-input id="input__inner" placeholder="请填写绿化率" v-model="building.greenRate" onkeyup="value=value.replace(/\D*(\d*)(\.?)(\d{0,3})\d*/,'$1$2$3') 
     .replace(/^0+(\d)/, '$1') 
     .replace(/^\./, '0.')  
     .match(/^\d*(\.?\d{0,3})/g)[0] || ''">
                <template slot="append">%</template>
              </el-input>
            </div>
          </div>
          <div class="li">
            <div class="left"><span>*</span>占地面积</div>
            <div class="right">
              <!-- <inputv-model v-model="building.areaCovered" placeholder="请填写占地面积" /> -->
              <el-input id="input__inner" placeholder="请填写占地面积" v-model="building.areaCovered" onkeyup="value=value.replace(/\D*(\d*)(\.?)(\d{0,3})\d*/,'$1$2$3') 
     .replace(/^0+(\d)/, '$1') 
     .replace(/^\./, '0.')  
     .match(/^\d*(\.?\d{0,3})/g)[0] || ''">
                <template slot="append">m²</template>
              </el-input>
            </div>
          </div>
          <div class="li">
            <div class="left"><span>*</span>建筑面积</div>
            <div class="right">
              <!-- <input v-model="building.floorage" placeholder="请填写建筑面积" /> -->
              <el-input id="input__inner" placeholder="请填写建筑面积" v-model="building.floorage" onkeyup="value=value.replace(/\D*(\d*)(\.?)(\d{0,3})\d*/,'$1$2$3') 
     .replace(/^0+(\d)/, '$1') 
     .replace(/^\./, '0.')  
     .match(/^\d*(\.?\d{0,3})/g)[0] || ''">
                <template slot="append">m²</template>
              </el-input>
            </div>
          </div>
          <div class="li">
            <div class="left"><span>*</span>投资商</div>
            <div class="right">
              <input v-model="building.investor" placeholder="请填写投资商" />
            </div>
          </div>
          <div class="li">
            <div class="left"><span>*</span>物业公司</div>
            <div class="right">
              <input v-model="building.propertyCompany" placeholder="请填写物业公司" />
            </div>
          </div>
          <div class="li">
            <div class="left"><span>*</span>地址</div>
            <div class="right" @click="addressopen()">
              <el-input id="input__inner" placeholder="请选择地址" v-model="building.address">
                <p class="el-icon-location" slot="append" style="color: #64b6a8; font-size: 20px; cursor: pointer"></p>
              </el-input>
              <!-- <input readonly style="width: 300px;" v-model="building.address" placeholder="请填写地址" /> -->
            </div>
          </div>
          <div class="li">
            <div class="left"><span>*</span>状态</div>
            <div class="right">
              <el-radio-group v-model="building.isOpen">
                <el-radio :label="1">已开盘</el-radio>
                <el-radio :label="0">未开盘</el-radio>
              </el-radio-group>
            </div>
          </div>
          <div class="li tuLi" style="width: 1200px">
            <div class="left"><span>*</span>楼盘介绍</div>
            <div class="tu">
              <!-- <div class="zi">300/300</div> -->
              <el-input class="textarea" type="textarea" v-model="building.remarks" autosize maxlength="300"
                show-word-limit></el-input>
            </div>
          </div>
          <div class="li tuLi" style="width: 1200px">
            <div class="left"><span>*</span>楼盘图片</div>
            <div class="tu">
              <el-upload :action="$upLoad" :list-type="portraitImg == '' ? 'picture-card' : ''"
                :on-success="portraitSuccess" :on-remove="portraitRemove" :limit="1" ref="upload6" :on-change="uploadFile"
                :auto-upload="false">
                <i class="el-icon-plus" v-if="portraitImg == ''"></i>
                <img :src="portraitImg" style="
                  width: 150px;
                  height: 150px;
                  object-fit: contain;
                  cursor: pointer;
                  background-color: #fff;
                  " v-if="portraitImg !== ''" />
              </el-upload>
              <el-dialog :visible.sync="dialogVisible">
                <img width="100%" :src="dialogImageUrl" alt />
              </el-dialog>
            </div>
          </div>
          <!-- <div class="li tuLi" style="width: 1200px">
            <div class="left"><span>*</span>楼盘视频</div>
            <div class="tu">
              <el-upload
                :action="$upLoad"
                :show-file-list="false"
                :list-type="showVideo.length == 0 ? 'picture-card' : ''"
                :on-success="handleVideoSuccess"
                :before-upload="beforeUploadVideo"
                :on-remove="handleVideoRemove"
                :on-progress="uploadVideoProcess"
              >
                <video
                  v-if="showVideo.length > 0 && videoFlag == false"
                  :src="showVideo[0].url"
                  class="avatar"
                  style="height: 165px"
                  controls="controls"
                >
                  您的浏览器不支持视频播放
                </video>
                <i
                  v-if="showVideo.length == 0 && videoUploadPercent == 0"
                  class="el-icon-plus"
                ></i>
                <el-progress
                  v-if="videoUploadPercent > 0"
                  type="circle"
                  :percentage="videoUploadPercent"
                  style="margin-top: 10px"
                ></el-progress>
              </el-upload>
            </div>
          </div> -->
        </div>
      </div>
      <div class="xieyi">
        <el-checkbox v-model="xieyistate"></el-checkbox>
        <p>
          发布即默认同意
          <!-- <span style="color: #64b6a8; cursor: pointer" @click="toXieyi(7)"
            >《房屋委托出售协议》</span
          >
          <span style="color: #64b6a8; cursor: pointer" @click="toXieyi(2)"
            >《隐私权政策》</span
          > -->
          <span style="color: #64b6a8;cursor: pointer;" @click="toXieyi(3)">《帮帮同城用户协议》</span>
          <span style="color: #64b6a8;cursor: pointer;" @click="toXieyi(2)">《帮帮同城隐私政策》</span>
        </p>
      </div>
      <div class="queding" v-if="buildingsstate && auditStatus != '1'" @click="updatebuild">
        修改
      </div>
      <div class="queding" v-else-if="buildingsstate && auditStatus == '1'" style="background: #606266 !important">
        信息审核中
      </div>
      <div class="queding" v-else @click="onSubmits">确认发布</div>
    </div>
    <div v-if="titleIndex == 2">
      <div class="house_typeform" v-if="!house_type">
        <div class="Hform">
          <div style="
              width: 105px;
              height: 35px;
              display: flex;
              align-items: center;
              justify-content: center;
              border-radius: 6px;
              cursor: pointer;
              border: #64b6a8 2px solid;
              color: #64b6a8;
              margin-bottom: 10px;
            " @click="addHousType">
            <div style="font-size: 25px; margin-bottom: 4px">+</div>
            <div style="font-size: 16px">新增户型</div>
          </div>
          <!-- <el-button type="primary" size="mini" style="height: 44px; width: 97px;" @click="addHousType">新增户型</el-button> -->
          <el-table :data="housetypeList" border style="width: 100%">
            <!-- <el-table-column prop="date" label="楼盘名称" width="140">
            </el-table-column> -->
            <el-table-column prop="title" label="户型" width="96">
            </el-table-column>
            <el-table-column prop="houseType" label="户型类别" width="120">
            </el-table-column>
            <el-table-column label="图片" width="170">
              <template slot-scope="scope">
                <img class="icon" :src="$img + scope.row.image" alt="" />
              </template>
            </el-table-column>
            <el-table-column prop="floorage" label="建筑面积" width="136">
            </el-table-column>
            <el-table-column prop="price" label="售价" width="106">
            </el-table-column>
            <el-table-column prop="auditStatus" label="状态" width="106">
              <template slot-scope="scope">
                <span v-if="scope.row.auditStatus == 1">审核中</span>
                <span v-if="scope.row.auditStatus == 2">通过</span>
                <span v-if="scope.row.auditStatus == 3">拒绝</span>
              </template>
            </el-table-column>
            <el-table-column prop="createDate" label="创建时间" width="218">
            </el-table-column>
            <el-table-column label="操作">
              <template slot-scope="scope">
                <el-button type="text" size="small" @click="typedetails(true, scope.row)">查看</el-button>
                <el-button type="text" size="small" v-if="auditStatus == 3"
                  @click="typedetails(false, scope.row)">修改</el-button>
                <el-button type="text" size="small" @click="deletetype(scope.row.id)">删除</el-button>
              </template>
            </el-table-column>
          </el-table>
        </div>
        <div class="Hpage">
          <el-pagination background layout="prev, pager, next" :total="housetypetotal" :page-size="housetypepage.pageSize"
            :current-change="housetypepage.pageNo" @current-change="housetypechange">
          </el-pagination>
        </div>
      </div>
    </div>
    <div v-if="titleIndex == 2">
      <div v-if="house_type">
        <div class="form01">
          <div class="list">
            <div class="li">
              <div class="left"><span>*</span>户型类别</div>
              <div class="right">
                <!-- <el-input
                  v-model="houseTypeInfo.title"
                  placeholder="请输入标题"
                ></el-input> -->
                <el-select class="huxingleibie" v-model="houseTypeInfo.title" placeholder="请选择户型类别" style="width: 100%;">
                  <el-option :label="item.valueName" :value="item.valueName" v-for="(item, index) in type3"
                    :key="item.id"></el-option>
                </el-select>
              </div>
            </div>
            <div class="li">
              <div class="left"><span>*</span>户型分类</div>
              <div class="right">
                <el-radio-group v-model="houseTypeInfo.type">
                  <el-radio :label="item.valueName" v-for="(item, index) in type16" :key="item.id">{{ item.valueName
                  }}</el-radio>
                </el-radio-group>
              </div>
            </div>
            <div class="li">
              <div class="left"><span>*</span>上传户型图</div>
              <div class="bottom">
                <el-upload :action="$upLoad" list-type="picture-card" :on-success="handletypeSuccess"
                  :on-remove="handletypeRemove" :file-list="houseTypeInfo.image">
                  <i class="el-icon-plus"></i>
                </el-upload>
                <el-dialog :visible.sync="dialogVisible">
                  <img width="100%" :src="dialogImageUrl" alt />
                </el-dialog>
              </div>
            </div>
            <div class="li border_bottom">
              <div class="left"><span>*</span>户型类别</div>
              <div class="right">
                <el-radio-group v-model="houseTypeInfo.houseType">
                  <el-radio :label="item.valueName" v-for="(item, index) in type17" :key="item.id">{{ item.valueName
                  }}</el-radio>
                </el-radio-group>
              </div>
            </div>
            <div class="li border_bottom">
              <div class="left"><span>*</span>建筑面积</div>
              <div class="right">
                <el-input id="input__inner" placeholder="请填写建筑面积" type="number" v-model="houseTypeInfo.floorage">
                  <template slot="append">m²</template>
                </el-input>
                <!-- <input v-model="houseTypeInfo.floorage" placeholder="请填写建筑面积" />
                <template slot="append">m²</template> -->
              </div>
            </div>
            <div class="li border_bottom">
              <div class="left"><span>*</span>售价(万元)</div>
              <span style="font-size:20px;color:#444">约</span>
              <div class="right">
                <el-input id="input__inner" placeholder="请填写售价" type="number" v-model="houseTypeInfo.price">
                  <template slot="append">万元</template>
                </el-input>
              </div>
            </div>
            <!-- <div class="li">
              <div class="left"><span>*</span>内容</div>
              <div class="content" style="width: 100%">
                <el-input
                  type="textarea"
                  v-model="houseTypeInfo.content"
                  rows="10"
                  placeholder="请输入内容"
                ></el-input>
              </div>
            </div> -->
          </div>
        </div>
        <div class="xieyi" v-if="!typesubitmstate">
          <el-checkbox v-model="xieyistate"></el-checkbox>
          <p>
            上传即默认同意
            <!-- <span style="color: #64b6a8; cursor: pointer" @click="toXieyi(7)"
              >《房屋委托出售协议》</span
            >
            <span style="color: #64b6a8; cursor: pointer" @click="toXieyi(2)"
              >《隐私权政策》</span
            > -->
            <span style="color: #64b6a8;cursor: pointer;" @click="toXieyi(3)">《帮帮同城用户协议》</span>
            <span style="color: #64b6a8;cursor: pointer;" @click="toXieyi(2)">《帮帮同城隐私政策》</span>
          </p>
        </div>
        <div class="queding" v-if="!typesubitmstate" @click="typeUpdate()">
          提交
        </div>
        <div class="back" @click="() => {
          house_type = false;
        }
          ">
          返回
        </div>
      </div>
    </div>
    <!-- 楼盘资讯 -->
    <div v-if="titleIndex == 3">
      <div class="form02" v-if="BudF">
        <div class="list">
          <div class="li">
            <div class="title">
              <el-input v-model="promotiondata.title" placeholder="请输入标题" maxlength="32"></el-input>
            </div>
          </div>
          <div class="li">
            <div class="content">
              <!-- <el-input
                type="textarea"
                v-model="promotiondata.content"
                placeholder="请输入内容"
              ></el-input> -->
              <WangEditor ref="contentEditor" v-model="promotiondata.content"></WangEditor>
            </div>
          </div>
          <div class="li">
            <div class="Icon">
              <div class="IconUpdate">
                <el-upload :action="$upLoad" :list-type="informationImg == '' ? 'picture-card' : ''"
                  :on-success="informationSuccess" :on-remove="informationRemove" :limit="1" ref="upload8"
                  :on-change="informationuploadFile" :auto-upload="false">
                  <i class="el-icon-plus" v-if="informationImg == ''"></i>
                  <img :src="informationImg" style="
                  width: 150px;
                  height: 150px;
                  object-fit: contain;
                  cursor: pointer;
                  background-color: #fff;
                  " v-if="informationImg !== ''" />
                </el-upload>
                <el-dialog :visible.sync="dialogVisible">
                  <img width="100%" :src="dialogImageUrl" alt />
                </el-dialog>
              </div>
            </div>
          </div>
        </div>
        <div class="xieyi">
          <el-checkbox v-model="xieyistate"></el-checkbox>
          <p>
            上传即默认同意
            <!-- <span style="color: #64b6a8; cursor: pointer" @click="toXieyi(7)"
              >《帮帮同城用户协议》</span
            >
            <span style="color: #64b6a8; cursor: pointer" @click="toXieyi(2)"
              >《帮帮同城隐私政策》</span
            > -->
            <span style="color: #64b6a8;cursor: pointer;" @click="toXieyi(3)">《帮帮同城用户协议》</span>
            <span style="color: #64b6a8;cursor: pointer;" @click="toXieyi(2)">《帮帮同城隐私政策》</span>
          </p>
        </div>

        <div class="queding" v-if="!zixunsubitmstate" @click="promotSubmit">
          发布
        </div>
        <!-- <div class="queding" v-else @click="()=>{BudF = false}">返回</div> -->
        <div class="back" @click="() => (BudF = false)">返回</div>
      </div>
      <div v-if="!BudF">
        <div class="Budform">
          <div style="
              width: 105px;
              height: 35px;
              display: flex;
              align-items: center;
              justify-content: center;
              border-radius: 6px;
              cursor: pointer;
              border: #64b6a8 2px solid;
              color: #64b6a8;
              margin-bottom: 10px;
            " @click="addzixun">
            <div style="font-size: 25px; margin-bottom: 4px">+</div>
            <div style="font-size: 16px">发布资讯</div>
          </div>
          <!-- <div class="li tuLi">
                <div class="left" style="color: #333333">
                  <span>*</span>楼盘资讯
                </div>
				<template v-for="(img, index) in inforList">
          
                <div class="tu"
				@click="!img.image?addzixun():zixundetails(true, img,index)" :key="img.id">
                  <el-upload
                    action="https://jsonplaceholder.typicode.com/posts/"
                    list-type="picture-card"
                    :disabled="true"
			
                  >
				  	<img :src="img.image" style="height:100%;width:100%" alt="" v-if="img.image"/>
                    <i class="el-icon-plus" v-if="!img.image"></i>
                  </el-upload>
                  <div class="info">
					<template v-if="img.audit_status == '0'">
						<div class="info-title">审核中</div>
					</template>
                    <template v-if="img.audit_status == '1'">
						<div class="info-title">拒绝</div>
					</template>
                    <template v-if="img.audit_status == '2'">
                      <div class="info-title">{{ img.title || "" }}</div>
                      <div class="info-desc txt2" v-if="img.content" v-html="img.content"></div>
                      <div class="info-operate">
						<el-button type="danger" size='mini' @click.stop="deletezixun(false, img.id)">删除</el-button>
        <el-button type="success" style="white-space:nowrap" size='mini' v-if="img.audit_status==2" @click.stop="zixundetails(false, img,index)">编辑</el-button>
					  </div>
                    </template>
				  </div>
                 
                </div>
				</template>
              </div> -->
          <!-- <el-button type="primary" size="mini" style="height: 44px; width: 97px;" @click="BudF=true">发布资讯</el-button> -->
          <el-table :data="inforList" border style="width: 100%">
            <el-table-column label="图片">
              <template slot-scope="scope">
                <img class="icon" :src="$img + scope.row.image" alt="" style="height: 100px" />
              </template>
            </el-table-column>
            <el-table-column prop="title" label="标题"> </el-table-column>
            <el-table-column prop="audit_status" label="状态" width="106">
              <template slot-scope="scope">
                <span v-if="scope.row.audit_status == 0">审核中</span>
                <span v-if="scope.row.audit_status == 2">通过</span>
                <span v-if="scope.row.audit_status == 1">拒绝</span>
              </template>
            </el-table-column>

            <el-table-column prop="create_date" label="发布时间">
            </el-table-column>
            <el-table-column label="操作">
              <template slot-scope="scope">
                <el-button type="text" size="small" @click="zixundetails(true, scope.row)">查看</el-button>
                <el-button type="text" size="small" v-if="scope.row.audit_status == 2"
                  @click="zixundetails(false, scope.row)">修改</el-button>
                <el-button type="text" size="small" v-if="scope.row.audit_status == 2"
                  @click="deletezixun(false, scope.row.id)">删除</el-button>
              </template>
            </el-table-column>
          </el-table>
        </div>
        <div class="page">
          <el-pagination background layout="prev, pager, next" :total="infortotal" :page-size="inforpage.pageSize"
            :current-change="inforpage.pageNo" @current-change="inforchange">
          </el-pagination>
        </div>
      </div>
    </div>
    <!-- 楼盘轮播 -->
    <div v-if="titleIndex == 8">
      <div class="form02" v-if="buildBy">
        <div class="list">
          <div class="li">
            <div class="title">
              <el-input v-model="buildByData.title" placeholder="请输入标题"></el-input>
            </div>
          </div>
          <div class="li">
            <div class="content">
              <!-- <el-input
                type="textarea"
                v-model="promotiondata.content"
                placeholder="请输入内容"
              ></el-input> -->
              <WangEditor ref="carouselEditor" v-model="buildByData.content"></WangEditor>
            </div>
          </div>
          <div class="li">
            <div class="Icon">
              <div class="IconUpdate">
                <el-upload :action="$upLoad" :list-type="carouselImg == '' ? 'picture-card' : ''"
                  :on-success="carouselSuccess" :on-remove="carouselRemove" :limit="1" ref="upload7"
                  :on-change="carouseluploadFile" :auto-upload="false">
                  <i class="el-icon-plus" v-if="carouselImg == ''"></i>
                  <img :src="carouselImg" style="
                  width: 150px;
                  height: 150px;
                  object-fit: contain;
                  cursor: pointer;
                  background-color: #fff;
                  " v-if="carouselImg !== ''" />
                </el-upload>
                <el-dialog :visible.sync="dialogVisible">
                  <img width="100%" :src="dialogImageUrl" alt />
                </el-dialog>
              </div>
            </div>
          </div>
        </div>
        <div class="xieyi">
          <el-checkbox v-model="xieyistate"></el-checkbox>
          <p>
            上传即默认同意
            <!-- <span style="color: #64b6a8; cursor: pointer" @click="toXieyi(7)"
              >《帮帮同城用户协议》</span
            >
            <span style="color: #64b6a8; cursor: pointer" @click="toXieyi(2)"
              >《帮帮同城隐私政策》</span
            > -->
            <span style="color: #64b6a8;cursor: pointer;" @click="toXieyi(3)">《帮帮同城用户协议》</span>
            <span style="color: #64b6a8;cursor: pointer;" @click="toXieyi(2)">《帮帮同城隐私政策》</span>
          </p>
        </div>

        <div class="queding" v-if="!lunbosubitmstate" @click="issuedBy">
          发布
        </div>
        <!-- <div class="queding" v-else @click="()=>{BudF = false}">返回</div> -->
        <div class="back" @click="() => (buildBy = false)">返回</div>
      </div>
      <div v-if="!buildBy">
        <div class="Budform">
          <!-- <div
            style="
              width: 105px;
              height: 35px;
              display: flex;
              align-items: center;
              justify-content: center;
              border-radius: 6px;
              cursor: pointer;
              border: #64b6a8 2px solid;
              color: #64b6a8;
              margin-bottom: 10px;
            "
            @click="addlunbo"
          >
            <div style="font-size: 25px; margin-bottom: 4px">+</div>
            <div style="font-size: 16px">发布轮播</div>
          
          </div> -->
          <div class="li tuLi">
            <div class="left" style="color: #333333">
              <span>*</span>楼盘轮播
            </div>
            <template v-for="(img, index) in carouselList">
              <div class="tu" @click="!img.image ? addlunbo(index) : lunbodetails(true, img)" :key="img.id">
                <el-upload action="https://jsonplaceholder.typicode.com/posts/" list-type="picture-card" :disabled="true">
                  <img :src="img.image" style="height:100%;width:100%" alt="" v-if="img.image" />
                  <i class="el-icon-plus" v-if="!img.image"></i>
                </el-upload>
                <div class="info" v-if="img.id">
                  <template v-if="img.audit_status == '0'">
                    <div class="info-title">审核中</div>
                  </template>
                  <template v-if="img.audit_status == '1'">
                    <div class="info-title">拒绝</div>
                  </template>
                  <template v-if="img.audit_status == '2'">
                    <div class="info-title">通过</div>
                  </template>
                  <div class="info-desc txt">{{ img.title || "" }}</div>
                  <!-- <div class="info-desc txt2" v-if="img.content" v-html="img.content"></div> -->
                  <div class="info-operate">
                    <el-button type="danger" size="mini" @click.stop="deletelunbo(false, img.id)">删除</el-button>
                    <el-button type="success" style="white-space:nowrap" size="mini"
                      @click.stop="lunbodetails(false, img, index)">编辑</el-button>
                  </div>
                </div>
                <!-- <el-dialog :visible.sync="dialogVisible">
              <img width="100%" :src="dialogImageUrl" alt />
            </el-dialog> -->
              </div>
            </template>
          </div>
          <!-- <el-button type="primary" size="mini" style="height: 44px; width: 97px;" @click="BudF=true">发布资讯</el-button> -->
          <!-- <el-table :data="carouselList" border style="width: 100%">
            <el-table-column label="图片">
              <template slot-scope="scope">
                <img
                  class="icon"
                  :src="$img + scope.row.image"
                  alt=""
                  style="height: 100px"
                />
              </template>
            </el-table-column>
            <el-table-column prop="title" label="标题"> </el-table-column>
            <el-table-column prop="audit_status" label="状态" width="106">
              <template slot-scope="scope">
                <span v-if="scope.row.audit_status == 0">审核中</span>
                <span v-if="scope.row.audit_status == 2">通过</span>
                <span v-if="scope.row.audit_status == 1">拒绝</span>
              </template>
            </el-table-column>
            
            <el-table-column prop="create_date" label="发布时间">
            </el-table-column>
            <el-table-column label="操作">
              <template slot-scope="scope">
                
                <el-button
                  type="text"
                  size="small"
                  @click="lunbodetails(true, scope.row)"
                  >查看</el-button
                >
                <el-button
                  type="text"
                  size="small"
                  v-if="scope.row.audit_status == 2"
                  @click="lunbodetails(false, scope.row)"
                  >修改</el-button
                >
                <el-button
                  type="text"
                  size="small"
                  v-if="scope.row.audit_status == 2"
                  @click="deletelunbo(false, scope.row.id)"
                  >删除</el-button
                >
              </template>
            </el-table-column>
          </el-table> -->
        </div>
        <div class="page">
          <el-pagination background layout="prev, pager, next" :total="carouseltotal" :page-size="carouselpage.pageSize"
            :current-change="carouselpage.pageNo" @current-change="carouselchange">
          </el-pagination>
        </div>
      </div>
    </div>
    <div v-if="titleIndex == 6">
      <div class="house_typeform">
        <div class="Hform">
          <div style="
              width: 105px;
              height: 35px;
              display: flex;
              align-items: center;
              justify-content: center;
              border-radius: 6px;
              cursor: pointer;
              border: #64b6a8 2px solid;
              color: #64b6a8;
              margin-bottom: 10px;
            " @click="xiaoshouxkClick">
            <div style="font-size: 25px; margin-bottom: 4px">+</div>
            <div style="font-size: 16px">新增信息</div>
          </div>
          <!-- <el-button type="primary" size="mini" style="height: 44px; width: 97px;" @click="addHousType">新增户型</el-button> -->
          <el-table :data="preSalePermit" border style="width: 100%">
            <el-table-column label="楼盘名称" width="160"><template slot-scope="scope">
                <div>{{ building.title }}</div>
              </template>
            </el-table-column>
            <el-table-column prop="presaleNo" label="预售证号" width="160"></el-table-column>
            <el-table-column prop="issuingTime" label="发证时间" width="160"></el-table-column>
            <el-table-column prop="boundBuilding" label="绑定楼栋" width="160"></el-table-column>
            <el-table-column prop="auditStatus" label="状态" width="206">
              <template slot-scope="scope">
                <span v-if="scope.row.auditStatus == 0">审核中</span>
                <span v-if="scope.row.auditStatus == 1">通过</span>
                <span v-if="scope.row.auditStatus == 2">拒绝</span>
              </template>
            </el-table-column>
            <el-table-column label="操作">
              <template slot-scope="scope">
                <!-- <el-button type="text" size="small">查看</el-button> -->
                <el-button type="text" size="small" @click="ysupdate(scope.row)">编辑</el-button>
                <el-button type="text" size="small" @click="delys(scope.row.id)">删除</el-button>
              </template>
            </el-table-column>
          </el-table>
        </div>
        <div class="Hpage">
          <el-pagination background layout="prev, pager, next" :total="preSalePermitTotal"
            :page-size="preSalePermitData.pageSize" :current-change="preSalePermitData.pageNo"
            @current-change="queryYsxkchange">
          </el-pagination>
        </div>
      </div>
    </div>
    <div v-if="titleIndex == 7">
      <div class="house_typeform">
        <div class="Hform">
          <div style="
              width: 105px;
              height: 35px;
              display: flex;
              align-items: center;
              justify-content: center;
              border-radius: 6px;
              cursor: pointer;
              border: #64b6a8 2px solid;
              color: #64b6a8;
              margin-bottom: 10px;
            " @click="xiaoshouxxClick">
            <div style="font-size: 25px; margin-bottom: 4px">+</div>
            <div style="font-size: 16px">新增信息</div>
          </div>
          <el-table :data="numberList" border style="width: 100%" key="2">
            <el-table-column label="楼盘名称" width="200">
              <template slot-scope="scope">
                <div>{{ building.title }}</div>
              </template>
            </el-table-column>
            <el-table-column prop="building_num" label="销售楼栋" width="200"></el-table-column>
            <el-table-column prop="title" label="销售户型" width="200"></el-table-column>
            <el-table-column prop="create_date" label="创建时间" width="270"></el-table-column>
            <el-table-column label="操作">
              <template slot-scope="scope">
                <el-button type="text" size="small" @click="xiaosupdate(scope.row)">编辑</el-button>
                <el-button type="text" size="small" @click="delBuildingsNumber(scope.row.id)">删除</el-button>
              </template>
            </el-table-column>
          </el-table>
        </div>
        <div class="Hpage">
          <el-pagination background layout="prev, pager, next" :total="salesTotal" :page-size="salesData.pageSize"
            :current-change="salesData.pageNo" @current-change="getBuildingsChage">
          </el-pagination>
        </div>
      </div>
    </div>
    <el-tabs v-model="activeName" v-if="titleIndex == 4" style="left: 32%">
      <el-tab-pane label="出售发布" name="first">
        <sellfrom @onubmit="onSubmit"></sellfrom>
      </el-tab-pane>
      <el-tab-pane label="出租发布" name="second">
        <rentfrom @onubmit="onSubmit"></rentfrom>
      </el-tab-pane>
    </el-tabs>
    <!-- <sellfrom @onubmit="submits" v-if="titleIndex == 4"></sellfrom> -->
    <!-- <div v-if="titleIndex == 5">
      <div class="form02" v-if="BudF">
        <div class="list">
          <div class="li">
            <div class="d1">内容分类</div>
            <div class="d2">
              <el-select v-model="value" placeholder="请选择">
                <el-option
                  v-for="item in options"
                  :key="item.value"
                  :label="item.label"
                  :value="item.value"
                >
                </el-option>
              </el-select>
            </div>
            <div class="title" style="width: 630px; display: inline-block">
              <el-input v-model="input" placeholder="请输入标题"></el-input>
            </div>
          </div>

          <div class="li">
            <div class="content">
              <el-input
                type="textarea"
                v-model="input"
                placeholder="请输入内容"
              ></el-input>
            </div>
          </div>
          <div class="li">
            <div class="Icon">
              <div class="IconUpdate">
                <el-upload
                  action="https://jsonplaceholder.typicode.com/posts/"
                  list-type="picture-card"
                  :on-preview="handlePictureCardPreview"
                  :on-remove="handleRemove"
									:file-list="building.showImg"
                >
                  <i class="el-icon-plus"></i>
                </el-upload>
                <el-dialog :visible.sync="dialogVisible">
                  <img width="100%" :src="dialogImageUrl" alt />
                </el-dialog>
              </div>
            </div>
          </div>
        </div>
        <div class="xieyi">
          <el-checkbox></el-checkbox>
          <p>
            上传即默认同意
            <span>《房屋委托出售协议》</span>
            <span>《隐私权政策》</span>
          </p>
        </div>
        <div class="queding">上传</div>
      </div>
      <div class="Spotform" v-if="!BudF">
        <el-table :data="inforList" border style="width: 100%">
          <el-table-column prop="date" label="楼盘名称"> </el-table-column>
          <el-table-column prop="name" label="标题"> </el-table-column>
          <el-table-column prop="name" label="类别"> </el-table-column>
          <el-table-column prop="province" label="创建时间"> </el-table-column>
          <el-table-column label="操作">
            <template slot-scope="scope">
              <el-button type="text" size="small">查看</el-button>
              <el-button type="text" size="small">修改</el-button>
              <el-button type="text" size="small">删除</el-button>
            </template>
          </el-table-column>
        </el-table>
        <div class="Spage">
          <el-pagination background layout="prev, pager, next" :total="infortotal">
          </el-pagination>
        </div>
      </div>
    </div> -->
    <el-dialog title="图片" :visible.sync="dialogFormVisible">
      <div style="width: 100%; height: 500px">
        <vue-cropper autoCrop :fixedBox="option.fixedBox" :fixed="option.fixed" :fixedNumber="option.fixedNumber"
          :img="showImg" ref="cropper" centerBox />
      </div>
      <div slot="footer" class="dialog-footer">
        <el-button @click="dialogFormVisible = false">取 消</el-button>
        <el-button type="primary" @click="confirmnn">确 定</el-button>
      </div>
    </el-dialog>
    <el-dialog title="图片" :visible.sync="carouselFormVisible">
      <div style="width: 100%; height: 500px">
        <vue-cropper autoCrop :fixedBox="carouseloption.fixedBox" :fixed="carouseloption.fixed"
          :fixedNumber="carouseloption.fixedNumber" :img="carouselshowImg" ref="carouselcropper" centerBox />
      </div>
      <div slot="footer" class="dialog-footer">
        <el-button @click="carouselFormVisible = false">取 消</el-button>
        <el-button type="primary" @click="carouselfirmnn">确 定</el-button>
      </div>
    </el-dialog>
    <el-dialog title="图片" :visible.sync="informationFormVisible">
      <div style="width: 100%; height: 500px">
        <vue-cropper autoCrop :fixedBox="informationoption.fixedBox" :fixed="informationoption.fixed"
          :fixedNumber="informationoption.fixedNumber" :img="informationshowImg" ref="informationcropper" centerBox />
      </div>
      <div slot="footer" class="dialog-footer">
        <el-button @click="informationFormVisible = false">取 消</el-button>
        <el-button type="primary" @click="informationfirmnn">确 定</el-button>
      </div>
    </el-dialog>
    <addressmap ref="addmap" @address="onaddress"></addressmap>
    <floor></floor>
  </div>
</template>
<script>
import floor from "../../components/floor";
import heads from "../../components/head";
//import { TMap } from "../../components/TMap";
// import $ from "jquery";
import sellfrom from "../../components/sellfrom.vue";
import rentfrom from "../../components/rentfrom";
import addressmap from "../../components/addressMap.vue";
import WangEditor from "../../components/editor/WangEditor";
import axios from "axios";
export default {
  components: {
    floor,
    heads,
    sellfrom,
    rentfrom,
    addressmap,
    WangEditor
  },
  data() {
    return {
      ewmStatus: false,
      activeName: "first",
      videoFlag: true,
      videoUploadPercent: 0,
      compiletypestate: false,
      xieyistate: false,
      title: 1,
      titleIndex: 1,
      type: "住宅",
      typeNum: 1,
      xuan: "",
      danxuan: "",
      nianliat: [],
      nian: "",
      dialogImageUrl: "",
      dialogVisible: false,
      desc: "",
      checkedCities: [],
      zbc: false,
      mapShow: false,
      BudF: false,
      BudFS: false,
      house_type: false,
      cengList: [],
      xiaoshouShow: false,
      xiaoshouListShow: false,
      xiaoshouxxShow: false,
      xiaoshouxkShow: false,
      updatexiaoshou: false,
      huxingShow: false,
      xuanzhong: 0,
      list: [
        { num: 0, name: "全部" },
        { num: 1, name: "一室" },
        { num: 2, name: "二室" },
        { num: 3, name: "三室" },
        { num: 4, name: "四室" }
      ],
      huxingIndex: "",
      tableData: [
        {
          date: "2016-05-03",
          name: "王小虎",
          province: "上海",
          city: "普陀区",
          address: "上海市普陀区金沙江路 1516 弄",
          zip: 200333
        }
      ],
      years: [], //产权年限
      erectType: [], //建筑类型
      building: {
        shopId: JSON.parse(localStorage.getItem("userInfo")).shopId, //店铺id
        title: "", //标题
        starTime: "", //开盘时间
        giveTime: "", //交房时间
        //renovation:'',	//装修标准
        starPrice: "", //起价
        averagePrice: "", //均价
        householdsNum: "", //规划户数
        vehiclesNum: "", //规划车位
        buildingsNum: "", //规划楼座数
        propertyFee: "", //物业费
        erectType: "", //建筑类型
        years: "", //年限
        plotRatio: "", //容积率
        greenRate: "", //绿化率
        areaCovered: "", //占地面积
        floorage: "", //建筑面积
        investor: "", //投资商
        propertyCompany: "", //物业公司
        longitude: "", //经度
        latitude: "", //纬度
        permit: [], //预售许可
        showVideo: [], //视频
        showImg: "", //图片
        address: "", //地址
        isOpen: 3, //楼盘状态
        remarks: "" //楼盘介绍
      },
      auditStatus: "1",
      type3: [],
      type4: [],
      type15: [],
      type17: [],
      type19: [],
      type16: [],
      type21: [],
      buildingsInfo: {},
      buildingsstate: false,
      pfzz: "", //平方注字
      fzsj: "", //发证时间
      bdlh: "", //绑定楼号
      permit: {},
      housetypepage: {
        pageSize: 10,
        pageNo: 1,
        buildingsId: ""
      },
      housetypeList: [],
      housetypetotal: 0,
      typesubitmstate: false,
      inforpage: {
        pageSize: 10,
        pageNo: 1,
        buildingsId: "",
        type: 1
      },
      inforList: [],
      infortotal: 0,
      infor: {},
      numberList: [],
      houseNumber: {
        buildingsId: "",
        buildingNum: "",
        deliveryTime: "",
        houseType: "",
        housesNumber: "",
        openingTime: "",
        unitNumber: "",
        layerNumber: "",
        title: ""
      },
      promotiondata: {
        buildingsId: "",
        title: "",
        image: [],
        content: "",
        type: 1
      },
      houseTypeInfo: {
        buildingsId: "",
        title: "",
        image: [],
        content: "",
        type: "",
        floorage: "",
        price: "",
        houseType: ""
      },
      showImg: [],
      showVideo: [], //楼盘视频
      promotImg: [],
      zixunsubitmstate: false,
      // 预售许可
      preSalePermit: [],
      preSalePermitData: {
        pageSize: 10,
        pageNo: 1,
        buildingsIds: ""
      },
      preSalePermitTotal: 0,
      // 预售许可新增信息
      preSalePermitNew: {
        buildingsId: "",
        presaleNo: "",
        boundBuilding: "",
        issuingTime: ""
      },
      // 修改时预售许可id
      preSalePermitId: "",
      // 销售信息
      salesData: {
        pageSize: 10,
        pageNo: 1,
        id: ""
      },
      salesTotal: 0,
      // 楼盘轮播
      buildBy: false,
      buildByData: {
        buildingsId: "",
        title: "",
        image: [],
        content: "",
        type: 2
      },
      lunbosubitmstate: false,
      carouselpage: {
        pageSize: 10,
        pageNo: 1,
        buildingsId: "",
        type: 2
      },
      carouselList: [],
      carouseltotal: 0,
      portraitImg: "", //楼盘图片
      dialogFormVisible: false,
      option: {
        outputSize: 1, // 裁剪生成图片的质量
        outputType: "png", // 裁剪生成图片的格式 jpeg, png, webp
        info: true, // 裁剪框的大小信息
        canScale: false, // 图片是否允许滚轮缩放
        autoCrop: true, // 是否默认生成截图框
        autoCropWidth: 300, // 默认生成截图框宽度
        autoCropHeight: 200, // 默认生成截图框高度
        fixedBox: true, // 固定截图框大小 不允许改变
        fixed: true, // 是否开启截图框宽高固定比例
        fixedNumber: [3, 2], // 截图框的宽高比例 [ 宽度 , 高度 ]
        canMove: true, // 上传图片是否可以移动
        canMoveBox: true, // 截图框能否拖动
        original: false, // 上传图片按照原始比例渲染
        centerBox: true, // 截图框是否被限制在图片里面
        infoTrue: true, // true 为展示真实输出图片宽高 false 展示看到的截图框宽高
        full: true, // 是否输出原图比例的截图
        enlarge: "1", // 图片根据截图框输出比例倍数
        mode: "contain" // 图片默认渲染方式 contain , cover, 100px, 100% auto
      },
      carouselshowImg: [],
      carouselImg: "", //楼盘图片
      carouselFormVisible: false,
      carouseloption: {
        outputSize: 1, // 裁剪生成图片的质量
        outputType: "png", // 裁剪生成图片的格式 jpeg, png, webp
        info: true, // 裁剪框的大小信息
        canScale: false, // 图片是否允许滚轮缩放
        autoCrop: true, // 是否默认生成截图框
        autoCropWidth: 300, // 默认生成截图框宽度
        autoCropHeight: 200, // 默认生成截图框高度
        fixedBox: true, // 固定截图框大小 不允许改变
        fixed: true, // 是否开启截图框宽高固定比例
        fixedNumber: [3, 2], // 截图框的宽高比例 [ 宽度 , 高度 ]
        canMove: true, // 上传图片是否可以移动
        canMoveBox: true, // 截图框能否拖动
        original: false, // 上传图片按照原始比例渲染
        centerBox: true, // 截图框是否被限制在图片里面
        infoTrue: true, // true 为展示真实输出图片宽高 false 展示看到的截图框宽高
        full: true, // 是否输出原图比例的截图
        enlarge: "1", // 图片根据截图框输出比例倍数
        mode: "contain" // 图片默认渲染方式 contain , cover, 100px, 100% auto
      },
      informationshowImg: [],
      informationImg: "", //楼盘图片
      informationFormVisible: false,
      informationoption: {
        outputSize: 1, // 裁剪生成图片的质量
        outputType: "png", // 裁剪生成图片的格式 jpeg, png, webp
        info: true, // 裁剪框的大小信息
        canScale: false, // 图片是否允许滚轮缩放
        autoCrop: true, // 是否默认生成截图框
        autoCropWidth: 300, // 默认生成截图框宽度
        autoCropHeight: 200, // 默认生成截图框高度
        fixedBox: true, // 固定截图框大小 不允许改变
        fixed: true, // 是否开启截图框宽高固定比例
        fixedNumber: [3, 2], // 截图框的宽高比例 [ 宽度 , 高度 ]
        canMove: true, // 上传图片是否可以移动
        canMoveBox: true, // 截图框能否拖动
        original: false, // 上传图片按照原始比例渲染
        centerBox: true, // 截图框是否被限制在图片里面
        infoTrue: true, // true 为展示真实输出图片宽高 false 展示看到的截图框宽高
        full: true, // 是否输出原图比例的截图
        enlarge: "1", // 图片根据截图框输出比例倍数
        mode: "contain" // 图片默认渲染方式 contain , cover, 100px, 100% auto
      },
      objIndex: {},
      curIndex: 0
    };
  },
  watch: {
    titleIndex(newId, oldId) {
      if (newId) return;
      if (
        (this.titleIndex == 3 || this.titleIndex == 8) &&
        this.objIndex(newId)
      ) {
        this.curIndex = objIndex[newId];
      }
    }
  },
  mounted() {
    for (let i = 1950; i < 3000; i++) {
      this.nianliat.push(i);
    }
    for (let i = 1; i < 41; i++) {
      this.cengList.push(i);
    }
  },
  created() {
    this.getBuildings();
    this.getDictionaries();
  },
  methods: {
    // pitchOn(item){
    //   // this.erectType.push(item)
    //   let pitch=this.erectType.indexOf(item)
    //   if (pitch==-1) {
    //     this.erectType.push(item)
    //   }else{
    //     this.erectType=this.erectType.filter(v=>{
    //       return v != item
    //     })
    //   }
    // },
    // 楼盘轮播
    addlunbo(i) {
      if (i) {
        this.objIndex[this.titleIndex] = i;
        this.curIndex = i;
      }

      this.buildBy = true;
      this.lunbosubitmstate = false;
      this.carouselImg = "";
      this.buildByData = {
        buildingsId: "",
        title: "",
        image: [],
        content: "",
        type: 2
      };
      setTimeout(() => {
        this.$refs.carouselEditor.init("");
      }, 1000);
    },
    issuedBy() {
      if (this.xieyistate) {
        let promotion = JSON.parse(JSON.stringify(this.buildByData));
        promotion.buildingsId = this.building.id;
        promotion.image = this.carouselImg;
        if (this.curIndex != "") {
          promotion.number = this.curIndex;
        }

        if (
          promotion.title != "" &&
          promotion.image != "" &&
          promotion.content != ""
        ) {
          this.$postHttp("/mob/user/saveTalesPromotion", promotion).then(
            data => {
              if (data.code == 200) {
                this.$message({
                  message: "发布成功!等待审核",
                  type: "success",
                  offset: 120,
                  duration: 2000
                });
                this.buildBy = false;
                this.carouselpage.pageNo = 1;
                this.getTalesIssued();
              }
            }
          );
        } else {
          this.$message({
            message: "所有内容不能为空，请检查",
            type: "error",
            offset: 120,
            duration: 2000
          });
        }
      } else {
        this.$message({
          message: "请勾选用户协议",
          type: "error",
          offset: 120,
          duration: 2000
        });
      }
    },
    getTalesIssued() {
      this.$getHttp("/mob/user/getTalesPromotion", this.carouselpage).then(
        data => {
          var imgList = [];
          imgList.push(...new Array(6).fill({}));
          if (data.code == 200) {
            data.list.forEach(e => {
              e.create_date = this.getTime(e.create_date);
              // e.image = e.image.split("|");
              imgList.splice(e.number || 0, 1, e);
            });

            console.log("data.list", imgList);
            this.carouselList = imgList;
            this.carouseltotal = data.count;
          }
        }
      );
    },
    carouselchange(e) {
      this.carouselpage.pageNo = e;
      this.getTalesIssued();
    },
    // 查看/修改
    lunbodetails(type, item, i) {
      // this.$refs.contentEditor.init("")
      if (i) {
        this.objIndex[this.titleIndex] = i;
        this.curIndex = i;
      }
      if (type) {
        this.lunbosubitmstate = true;
      } else {
        this.lunbosubitmstate = false;
      }
      this.buildBy = true;
      let house = JSON.parse(JSON.stringify(item));
      // let images = [];
      // house.image.forEach((e) => {
      //   images.push({
      //     name: "img",
      //     url: this.$img + e,
      //   });
      // });
      // house.image = images;
      this.carouselImg = house.image;
      this.buildByData = house;
      // this.$nextTick(()=>{
      //   this.$refs.contentEditor.init(this.promotiondata.content)
      // })
      setTimeout(() => {
        this.$refs.carouselEditor.init(this.buildByData.content);
      }, 1000);
    },
    // 删除/置顶楼盘轮播
    deletelunbo(bool, id) {
      if (bool) {
        this.$confirm("此操作将置顶该楼盘资讯, 是否继续?", "提示", {
          confirmButtonText: "确定",
          cancelButtonText: "取消",
          type: "warning"
        })
          .then(() => { })
          .catch(() => {
            this.$message({
              type: "info",
              message: "已取消置顶"
            });
          });
      } else {
        this.$confirm("此操作将删除该楼盘轮播图片, 是否继续?", "提示", {
          confirmButtonText: "确定",
          cancelButtonText: "取消",
          type: "warning"
        })
          .then(() => {
            this.$postHttp("/mob/user/deleteTalesPromotion", {
              ids: id
            }).then(data => {
              if (data.code == 200) {
                this.$message({
                  type: "info",
                  message: data.msg
                });
                this.getTalesIssued();
              }
            });
          })
          .catch(() => {
            this.$message({
              type: "info",
              message: "已取消删除"
            });
          });
      }
    },
    // 查询预售许可
    queryYsxk() {
      this.preSalePermitData.buildingsId = this.building.id;
      this.$getHttp(
        "/mob/home/querySellingLicense",
        this.preSalePermitData
      ).then(data => {
        if (data.code == 200) {
          this.preSalePermit = data.sellingLicense;
          this.preSalePermitTotal = data.count;
        }
      });
    },
    // 预售许可分页
    queryYsxkchange(e) {
      this.preSalePermitData.pageNo = e;
      this.queryYsxk();
    },
    showCode() {
      console.log(111);
      this.ewmStatus = true;
    },
    yc() {
      console.log(222);
      this.ewmStatus = false;
    },
    //查询字典()
    getDictionaries() {
      var that = this;
      this.$getHttp("/mob/home/getDictionaries", {
        type: "4,3,15,17,16,19,21"
      }).then(data => {
        if (data.code == 200) {
          data.list.forEach(el => {
            if (el.type == 4) {
              that.type4.push(el);
            } else if (el.type == 3) {
              that.type3.push(el);
            } else if (el.type == 15) {
              that.type15.push(el);
            } else if (el.type == 17) {
              that.type17.push(el);
            } else if (el.type == 16) {
              that.type16.push(el);
            } else if (el.type == 19) {
              that.type19.push(el);
            } else if (el.type == 21) {
              that.type21.push(el);
            }
          });
        }
      });
    },
    //查询是否发布了楼盘，如果发布了则是编辑楼盘，否则是发布楼盘
    getBuildings() {
      this.$getHttp("/mob/user/getBuildingsInfoByUserId", {
        userId: JSON.parse(localStorage.getItem("userInfo")).id
      }).then(data => {
        if (data.code == 200) {
          if (JSON.stringify(data.buildingsInfo) == "{}") {
            this.buildingsstate = false;
            console.log("未发布");
          } else {
            this.houseNumber.buildingsId = data.buildingsInfo.id;
            if (data.buildingsInfo.hasOwnProperty("permit")) {
              data.buildingsInfo.permit = JSON.parse(
                decodeURI(data.buildingsInfo.permit)
              );
            }
            this.auditStatus = data.buildingsInfo.auditStatus;
            // data.buildingsInfo.showImg = data.buildingsInfo.showImg.split("|");
            data.buildingsInfo.showVideo = data.buildingsInfo.showVideo.split(
              "|"
            );
            this.showImg = [];
            // data.buildingsInfo.showImg.forEach((e) => {
            //   this.showImg.push({
            //     name: "img",
            //     url: this.$img + e,
            //   });
            // });
            this.portraitImg = data.buildingsInfo.showImg;
            this.showVideo = [];
            data.buildingsInfo.showVideo.forEach(e => {
              this.showVideo.push({
                name: "video",
                url: this.$img + e
              });
            });
            if (this.showVideo.length > 0) {
              this.videoFlag = false;
            }
            console.log(this.showVideo);
            this.erectType = data.buildingsInfo.erectType.split(",");
            this.years = data.buildingsInfo.years.split(",");
            this.building = data.buildingsInfo;
            this.buildingsstate = true;
            this.housetypepage.buildingsId = data.buildingsInfo.id;
            this.inforpage.buildingsId = data.buildingsInfo.id;
            this.carouselpage.buildingsId = data.buildingsInfo.id;
          }
        }
      });
    },
    onSubmit(item) {
      this.$postHttp("/mob/home/saveHouseInfo", item).then(data => {
        if (data.code == 200) {
          this.$message({
            message: "发布成功！",
            type: "success",
            offset: 120,
            duration: 2000
          });
        }
      });
    },
    //查询楼盘户型
    getHouseType(type) {
      if (type == 1) {
        this.housetypepage.auditStatus = "2";
      } else {
        delete this.housetypepage.auditStatus;
      }
      console.log(this.housetypepage);
      this.$getHttp("/mob/user/getHouseType", this.housetypepage).then(data => {
        if (data.code == 200) {
          console.log(data, "户型");
          data.page.list.forEach(e => {
            e.choose = false;
            e.image = e.image.split("|");
          });
          this.housetypeList = data.page.list;
          this.housetypetotal = data.page.count;
        }
      });
    },
    //查询楼盘资讯
    getTalesPromotion() {
      this.$getHttp("/mob/user/getTalesPromotion", this.inforpage).then(
        data => {
          if (data.code == 200) {
            var imgList = [];
            imgList.push(...new Array(6).fill({}));
            data.list.forEach(e => {
              e.create_date = this.getTime(e.create_date);
              e.image = e.image.split("|");
              // imgList.splice(e.number||0,1,e)
            });

            this.inforList = data.list;
            this.infortotal = data.count;
          }
        }
      );
    },
    //查询楼盘楼号
    getBuildingsNumber() {
      this.salesData.id = this.building.id;
      this.$getHttp("/mob/user/getBuildingsNumber", this.salesData).then(
        data => {
          if (data.code == 200) {
            this.numberList = data.list;
            this.salesTotal = data.count;
          }
        }
      );
    },
    getBuildingsChage(e) {
      this.salesData.pageNo = e;
      this.getBuildingsNumber();
    },
    //发布楼盘
    onSubmits() {
      let permits = this.building.permit;
      let item = JSON.parse(JSON.stringify(this.building));
      item.erectType = this.erectType.toString();
      item.years = this.years.toString();
      item.showImg = this.portraitImg;
      item.showVideo = this.getImage(this.showVideo);
      item.permit = encodeURI(JSON.stringify(permits));

      const che = this.check(item);
      console.log(item, "11111111");
      if (che.state) {
        // this.$jsonp('https://www.bangbangtongcheng.com/conven/mob/user/saveBuildingsInfo',item).then((data) =>{
        // 		if(data.code == 200){
        // 			this.$message({
        // 			  message: "发布成功！等待审核",
        // 			  type: "success",
        // 			  offset: 120,
        // 			  duration: 2000,
        // 			});
        // 			this.getBuildings()
        // 		}
        // })
        this.$postHttp("/mob/user/saveBuildingsInfo", item).then(data => {
          if (data.code == 200) {
            this.$message({
              message: "发布成功！等待审核",
              type: "success",
              offset: 120,
              duration: 2000
            });
            this.getBuildings();
          }
        });
      } else {
        this.$message({
          message: che.msg,
          type: "error",
          offset: 120,
          duration: 2000
        });
      }
    },
    //修改楼盘
    updatebuild() {
      let permits = this.building.permit;
      let item = JSON.parse(JSON.stringify(this.building));
      item.erectType = this.erectType.toString();
      item.years = this.years.toString();
      console.log(item.erectType);
      item.showImg = this.portraitImg;
      item.showVideo = this.getImage(this.showVideo);
      item.permit = encodeURI(JSON.stringify(permits));
      item.auditStatus = "1";
      delete item.createDate;
      delete item.updateDate;
      const che = this.check(item);
      if (che.state) {
        this.$confirm("重新修改内容需平台审核，是否确认修改", "提示", {
          confirmButtonText: "确定",
          cancelButtonText: "取消",
          type: "warning"
        })
          .then(() => {
            this.$postHttp("/mob/user/saveBuildingsInfo", item).then(data => {
              if (data.code == 200) {
                this.$message({
                  message: "修改成功",
                  type: "success",
                  offset: 120,
                  duration: 2000
                });
                this.getBuildings();
              }
            });
          })
          .catch(() => {
            this.$message({
              type: "info",
              message: "已取消修改"
            });
          });
      } else {
        this.$message({
          message: che.msg,
          type: "error",
          offset: 120,
          duration: 2000
        });
      }
    },
    //发布房源
    submits(info) {
      this.$postHttp("/mob/home/saveHouseInfo", info).then(data => {
        console.log(data);
      });
      console.log(info);
    },
    //发布楼盘资讯
    promotSubmit() {
      if (this.xieyistate) {
        let promotion = JSON.parse(JSON.stringify(this.promotiondata));
        promotion.buildingsId = this.building.id;
        promotion.image = Array.isArray(this.informationImg)
          ? this.informationImg.join()
          : this.informationImg;
        if (this.curIndex != "") {
          promotion.number = this.curIndex;
        }
        // console.log('promotion',promotion);
        // return
        if (
          promotion.title != "" &&
          promotion.image != "" &&
          promotion.content != ""
        ) {
          this.$postHttp("/mob/user/saveTalesPromotion", promotion).then(
            data => {
              if (data.code == 200) {
                this.$message({
                  message: "发布成功!等待审核",
                  type: "success",
                  offset: 120,
                  duration: 2000
                });
                this.BudF = false;
                this.inforpage.pageNo = 1;
                this.getTalesPromotion();
              }
            }
          );
        } else {
          this.$message({
            message: "所有内容不能为空，请检查",
            type: "error",
            offset: 120,
            duration: 2000
          });
        }
      } else {
        this.$message({
          message: "请勾选用户协议",
          type: "error",
          offset: 120,
          duration: 2000
        });
      }
    },
    getImage(arr) {
      if (arr.length == 1) {
        return arr[0].url;
      } else {
        let str = [];
        arr.forEach(e => {
          str.push(e.url);
        });
        return str.join("|");
      }
    },
    mapClick() {
      this.zbc = true;
      this.mapShow = true;
      this.initMap();
    },
    check(item) {
      if (item.title == "") {
        return {
          state: false,
          msg: "请填写楼盘标题"
        };
      }
      console.log(item.starTime);
      if (item.starTime == "" || !item.starTime) {
        return {
          state: false,
          msg: "请填写开盘时间"
        };
      }
      if (item.giveTime == "" || !item.giveTime) {
        return {
          state: false,
          msg: "请填写交房时间"
        };
      }
      // if(item.renovation == ''){
      // 	return {
      // 		state:false,
      // 		msg:'请选择装修标准'
      // 	}
      // }
      if (!item.starPrice) {
        return {
          state: false,
          msg: "请填写起价"
        };
      }
      if (item.averagePrice == "") {
        return {
          state: false,
          msg: "请填写均价(可输入待定)"
        };
      }
      if (item.householdsNum == "") {
        return {
          state: false,
          msg: "请填写规划户数"
        };
      }
      if (item.vehiclesNum == "") {
        return {
          state: false,
          msg: "请填写规划车位"
        };
      }
      if (item.buildingsNum == "") {
        return {
          state: false,
          msg: "请填写规划楼座数"
        };
      }
      if (item.propertyFee == "") {
        return {
          state: false,
          msg: "请填写物业费"
        };
      }
      if (item.erectType == "") {
        return {
          state: false,
          msg: "请选择建筑类型"
        };
      }
      if (item.years == "") {
        return {
          state: false,
          msg: "请填写年限"
        };
      }
      if (item.plotRatio == "") {
        return {
          state: false,
          msg: "请填写容积率"
        };
      }
      if (item.greenRate == "") {
        return {
          state: false,
          msg: "请填写绿化率"
        };
      }
      if (item.areaCovered == "") {
        return {
          state: false,
          msg: "请填写占地面积"
        };
      }
      if (item.floorage == "") {
        return {
          state: false,
          msg: "请填写建筑面积"
        };
      }
      if (item.investor == "") {
        return {
          state: false,
          msg: "请填写投资商"
        };
      }
      if (item.propertyCompany == "") {
        return {
          state: false,
          msg: "请填写物业公司"
        };
      }
      if (item.address == "") {
        return {
          state: false,
          msg: "请选择地址"
        };
      }
      if (item.longitude == "") {
        return {
          state: false,
          msg: "请选择地址"
        };
      }
      if (item.latitude == "") {
        return {
          state: false,
          msg: "请选择地址"
        };
      }
      if (item.isOpen == 3) {
        return {
          state: false,
          msg: "请选择楼盘状态"
        };
      }
      if (item.remarks == "") {
        return {
          state: false,
          msg: "请填写楼盘介绍"
        };
      }
      // if (item.showImg == "") {
      //   return {
      //     state: false,
      //     msg: "请上传楼盘图片",
      //   };
      // }
      // if (item.showVideo == "") {
      //   return {
      //     state: false,
      //     msg: "请上传楼盘视频",
      //   };
      // }
      if (item.permit == "[]") {
        return {
          state: false,
          msg: "请填写预售许可"
        };
      }
      if (!this.xieyistate) {
        return {
          state: false,
          msg: "请勾选用户协议"
        };
      }
      return {
        state: true
      };
    },
    handleCommand(command) {
      this.type = command;
      if (command == "住宅") {
        this.typeNum = 1;
      } else if (command == "商铺") {
        this.typeNum = 2;
      } else if (command == "写字楼") {
        this.typeNum = 3;
      } else if (command == "厂房") {
        this.typeNum = 4;
      } else if (command == "土地") {
        this.typeNum = 5;
      } else if (command == "车位") {
        this.typeNum = 6;
      }
    },
    addressopen() {
      this.$refs.addmap.open();
    },
    onaddress(item) {
      this.building.latitude = String(item.location.lat);
      this.building.longitude = String(item.location.lng);
      this.building.address = item.address;
    },
    titleClick(num) {
      this.titleIndex = num;
      // 楼盘轮播
      // console.log('this.buildByData',this.buildByData);
      // 楼盘资讯
      // console.log('this.promotiondata',this.promotiondata);
      if (num == 2) {
        this.getHouseType();
      } else if (num == 3) {
        this.getTalesPromotion();
        setTimeout(() => {
          this.$refs.contentEditor &&
            this.$refs.contentEditor.init(this.promotiondata.content);
        }, 1000);
      } else if (num == 6) {
        this.queryYsxk();
      } else if (num == 7) {
        this.getBuildingsNumber();
      } else if (num == 8) {
        this.getTalesIssued();
        setTimeout(() => {
          this.$refs.carouselEditor &&
            this.$refs.carouselEditor.init(this.buildByData.content);
        }, 1000);
      }
    },
    housetypechange(e) {
      this.housetypepage.pageNo = e;
      this.getHouseType();
    },
    xiaoshouClick() {
      this.xiaoshouListShow = true;
      this.getBuildingsNumber();
      // if (this.tableData.length == 0) {
      //   this.xiaoshouShow = true;
      // } else {
      //   this.xiaoshouListShow = true;
      // }
    },
    //查看/修改户型介绍
    typedetails(type, item) {
      this.typesubitmstate = type;
      let house = JSON.parse(JSON.stringify(item));
      let images = [];
      house.image.forEach(e => {
        images.push({
          name: "img",
          url: this.$img + e
        });
      });
      house.image = images;
      this.houseTypeInfo = house;
      this.house_type = true;
      console.log("查看");
    },
    addzixun() {
      this.BudF = true;
      this.zixunsubitmstate = false;
      this.informationImg = "";
      this.promotiondata = {
        buildingsId: "",
        title: "",
        image: [],
        content: "",
        type: 1
      };
      setTimeout(() => {
        this.$refs.contentEditor.init("");
      }, 1000);
    },
    //查看/修改楼盘资讯
    zixundetails(type, item) {
      // this.$refs.contentEditor.init("")
      if (type) {
        this.zixunsubitmstate = true;
      } else {
        this.zixunsubitmstate = false;
      }
      this.BudF = true;
      // this.zixunsubitmstate = true;
      let house = JSON.parse(JSON.stringify(item));
      // let images = [];
      // house.image.forEach((e) => {
      //   images.push({
      //     name: "img",
      //     url: this.$img + e,
      //   });
      // });
      // house.image = images;
      this.informationImg = house.image;
      console.log(house, "修改");
      this.promotiondata = house;
      // this.$nextTick(()=>{
      //   this.$refs.contentEditor.init(this.promotiondata.content)
      // })
      setTimeout(() => {
        console.log(11111111111);
        this.$refs.contentEditor.init(this.promotiondata.content);
      }, 1000);
    },
    //置顶删除楼盘资讯
    deletezixun(bool, id) {
      if (bool) {
        this.$confirm("此操作将置顶该楼盘资讯, 是否继续?", "提示", {
          confirmButtonText: "确定",
          cancelButtonText: "取消",
          type: "warning"
        })
          .then(() => { })
          .catch(() => {
            this.$message({
              type: "info",
              message: "已取消置顶"
            });
          });
      } else {
        this.$confirm("此操作将删除该楼盘资讯, 是否继续?", "提示", {
          confirmButtonText: "确定",
          cancelButtonText: "取消",
          type: "warning"
        })
          .then(() => {
            this.$postHttp("/mob/user/deleteTalesPromotion", {
              ids: id
            }).then(data => {
              if (data.code == 200) {
                this.$message({
                  type: "info",
                  message: data.msg
                });
                this.getTalesPromotion();
              }
            });
          })
          .catch(() => {
            this.$message({
              type: "info",
              message: "已取消删除"
            });
          });
      }
    },
    addHousType() {
      this.houseTypeInfo = {
        buildingsId: "",
        title: "",
        image: [],
        content: "",
        type: "",
        floorage: "",
        price: "",
        houseType: ""
      };
      this.house_type = true;
      this.BudF = false;
      this.typesubitmstate = false;
    },
    //修改户型介绍
    typeUpdate() {
      console.log("户型介绍");
      this.zixunsubitmstate = true;
      let house = JSON.parse(JSON.stringify(this.houseTypeInfo));
      let data = {};
      let image = [];
      house.image.forEach(e => {
        image.push(e.url);
      });
      house.image = image.join("|");
      data.floorage = house.floorage;
      data.price = house.price;
      data.houseType = house.houseType;
      data.type = house.type;
      data.image = house.image;
      // data.content = house.content;
      data.title = house.title;
      data.buildingsId = this.building.id;
      data.remarks = " ";
      if (house.id) {
        data.ids = house.id;
      }
      if (
        data.floorage == "" ||
        data.price == "" ||
        data.houseType == "" ||
        data.type == "" ||
        data.image == "" ||
        // data.content == "" ||
        data.title == ""
      ) {
        this.$message({
          message: "所有内容不能为空！",
          type: "error",
          offset: 120,
          duration: 2000
        });
        return false;
      }
      if (this.xieyistate) {
        this.$postHttp("/mob/user/updateHouseType", data).then(data => {
          if (data.code == 200) {
            this.$message({
              message: data.msg,
              type: "success",
              offset: 120,
              duration: 2000
            });

            this.house_type = false;
            this.getHouseType();
          }
        });
      } else {
        this.$message({
          message: "请勾选用户协议",
          type: "error",
          offset: 120,
          duration: 2000
        });
      }
    },
    //删除户型介绍
    deletetype(id) {
      this.$confirm("此操作将删除该户型介绍, 是否继续?", "提示", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning"
      })
        .then(() => {
          this.$postHttp("/mob/user/deleteHouseType", { ids: id }).then(
            data => {
              if (data.code == 200) {
                this.$message({
                  type: "success",
                  message: "删除成功!"
                });
                this.housetypepage.pageNo = 1;
                this.getHouseType();
              }
            }
          );
        })
        .catch(() => {
          this.$message({
            type: "info",
            message: "已取消删除"
          });
        });
    },
    xiaoshouGuan() {
      this.zbc = false;
      this.xiaoshouShow = false;
    },
    xiaoshouListGuan() {
      this.zbc = false;
      this.xiaoshouListShow = false;
      this.houseNumberRemove();
    },
    xiaoshouxxClick() {
      this.houseNumberRemove();
      this.zbc = true;
      this.xiaoshouxxShow = true;
    },
    houseNumberRemove() {
      this.houseNumber = {
        buildingNum: "",
        deliveryTime: "",
        houseType: "",
        housesNumber: "",
        openingTime: "",
        unitNumber: "",
        layerNumber: "",
        title: ""
      };
    },
    //新增销售信息
    xiaoshouxxGuan(type) {
      if (type == 1) {
        let housenumber = this.houseNumber;
        housenumber.buildingsId = this.building.id;
        if (
          housenumber.buildingNum != "" &&
          housenumber.deliveryTime != "" &&
          housenumber.houseType != "" &&
          housenumber.layerNumber != "" &&
          housenumber.housesNumber != "" &&
          housenumber.openingTime != "" &&
          housenumber.unitNumber != "" &&
          housenumber.title != ""
        ) {
          if (new Date(houseNumber.deliveryTime) > new Date(houseNumber.openingTime)) {
            this.myErrorMessage('开盘时间不允许早于交房时间')
            return
          }
          this.$postHttp("/mob/user/updateBuildingsNumber", housenumber).then(
            data => {
              if (data.code == 200) {
                this.$message({
                  message: data.msg,
                  type: "success",
                  offset: 120,
                  duration: 2000
                });
                this.houseNumberRemove();
                this.xiaoshouxxShow = false;
                this.getBuildingsNumber();
              }
            }
          );
        } else {
          this.$message({
            message: "所有内容不能为空！",
            type: "error",
            offset: 120,
            duration: 2000
          });
        }
        console.log(this.houseNumber);
      } else {
        this.xiaoshouxxShow = false;
      }
      this.zbc = false;
    },
    xiaoshouxkClick() {
      this.pfzz = "";
      this.fzsj = "";
      this.bdlh = "";
      this.zbc = true;
      this.xiaoshouxkShow = true;
    },
    //删除预售许可
    delys(id) {
      this.$confirm("此操作将永久该预售许可, 是否继续?", "提示", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning"
      })
        .then(() => {
          this.$postHttp("/mob/home/deleteSellingLicense", {
            ids: id
          }).then(data => {
            if (data.code == 200) {
              this.$message({
                type: "success",
                message: "删除成功!"
              });
              this.queryYsxk();
            }
          });
        })
        .catch(() => {
          this.$message({
            type: "info",
            message: "已取消删除"
          });
        });
    },
    //修改预售许可
    ysupdate(item) {
      // this.preSalePermitNew = JSON.parse(JSON.stringify(item));
      let preSale = JSON.parse(JSON.stringify(item));
      this.preSalePermitNew.presaleNo = preSale.presaleNo;
      this.preSalePermitNew.boundBuilding = preSale.boundBuilding;
      this.preSalePermitNew.issuingTime = preSale.issuingTime;
      this.preSalePermitId = preSale.id;
      this.zbc = true;
      this.updatexiaoshou = true;
    },
    delBuildingsNumber(id) {
      this.$confirm("是否确认删除?", "提示", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning"
      })
        .then(() => {
          this.$postHttp("/mob/user/delBuildingsNumber", { id: id }).then(
            data => {
              if (data.code == 200) {
                this.$message({
                  type: "success",
                  message: "操作成功!"
                });
                this.getBuildingsNumber();
              }
            }
          );
        })
        .catch(() => {
          this.$message({
            type: "info",
            message: "已取消"
          });
        });
    },
    //修改销售信息
    xiaosupdate(item) {
      let houseNumbers = JSON.parse(JSON.stringify(item));
      this.houseNumber = {
        buildingNum: houseNumbers.building_num,
        deliveryTime: houseNumbers.delivery_time,
        houseType: houseNumbers.house_type,
        housesNumber: houseNumbers.houses_number,
        openingTime: houseNumbers.opening_time,
        unitNumber: houseNumbers.unit_number,
        layerNumber: houseNumbers.layer_number,
        id: houseNumbers.id,
        buildingsId: houseNumbers.buildings_id,
        title: houseNumbers.title
      };
      console.log(this.houseNumber.layerNumber);
      this.zbc = true;
      this.xiaoshouxxShow = true;
      console.log(item);
    },
    //新增预售许可
    xiaoshouxkGuan(type) {
      if (type == 1 || type == 2) {
        this.preSalePermitNew.buildingsId = this.building.id;
        if (type == 2) {
          this.preSalePermitNew.id = this.preSalePermitId;
          this.preSalePermitId = "";
        }
        if (this.preSalePermitNew.presaleNo.trim() == "") {
          this.$message({
            message: "预售证号不能为空！",
            type: "error",
            offset: 120,
            duration: 2000
          });
          return;
        }
        if (this.preSalePermitNew.boundBuilding.trim() == "") {
          this.$message({
            message: "发证时间不能为空！",
            type: "error",
            offset: 120,
            duration: 2000
          });
          return;
        }
        if (this.preSalePermitNew.issuingTime.trim() == "") {
          this.$message({
            message: "绑定楼号不能为空！",
            type: "error",
            offset: 120,
            duration: 2000
          });
          return;
        }
        this.$postHttp(
          "/mob/home/saveOrUpdateSellingLicense",
          this.preSalePermitNew
        ).then(data => {
          if (data.code == 200) {
            console.log(data, "预售许可");
            this.$message({
              message: data.msg,
              type: "success",
              offset: 120,
              duration: 2000
            });
            this.queryYsxk();
          }
        });
      }
      this.preSalePermitNew = {
        buildingsId: "",
        presaleNo: "",
        boundBuilding: "",
        issuingTime: ""
      };
      this.updatexiaoshou = false;
      this.xiaoshouxkShow = false;
      this.zbc = false;
    },
    getDay() {
      var nowDate = new Date();
      var year = nowDate.getFullYear();
      var month =
        nowDate.getMonth() + 1 < 10
          ? "0" + (nowDate.getMonth() + 1)
          : nowDate.getMonth() + 1;
      var day =
        nowDate.getDate() < 10 ? "0" + nowDate.getDate() : nowDate.getDate();
      return year + "-" + month + "-" + day;
    },
    huxing() {
      this.huxingShow = true;
      this.housetypepage.pageNo = 1;
      this.getHouseType(1);
    },
    huxingXuan(item) {
      this.housetypeList.forEach(e => {
        if (e.id == item.id) {
          e.choose = !e.choose;
        }
      });
      //this.huxingIndex = num;
    },
    huxingGuan() {
      this.huxingShow = false;
      let numberid = [];
      let titles = [];
      this.housetypeList.forEach(e => {
        console.log(e, "eeeeeeeeeeee");
        if (e.choose) {
          titles.push(e.title);
          numberid.push(e.id);
        }
      });
      this.houseNumber.houseType = String(numberid);
      this.houseNumber.title = String(titles);
      console.log(this.houseNumber.title, "11111111111111");
    },
    xuanlouceng() {
      this.zbc = true;
    },
    wancheng() {
      this.zbc = false;
    },
    handleRemove(file, fileList) {
      console.log(file);
      for (var i = 0; i < this.showImg.length; i++) {
        if (this.showImg[i].url == file.url) {
          this.showImg.splice(i, 1);
        }
      }
    },
    handleVideoRemove(file, fileList) {
      for (var i = 0; i < this.showVideo.length; i++) {
        if (this.showVideo[i].url == file.url) {
          this.showVideo.splice(i, 1);
        }
      }
    },
    handlepromotRemove(file, fileList) {
      for (var i = 0; i < this.promotiondata.image.length; i++) {
        if (this.promotiondata.image[i].url == file.url) {
          this.promotiondata.image.splice(i, 1);
        }
      }
    },
    buildByDatatRemove(file, fileList) {
      for (var i = 0; i < this.buildByData.image.length; i++) {
        if (this.buildByData.image[i].url == file.url) {
          this.buildByData.image.splice(i, 1);
        }
      }
    },
    handletypeRemove(file, fileList) {
      for (var i = 0; i < this.houseTypeInfo.image.length; i++) {
        if (this.houseTypeInfo.image[i].url == file.url) {
          this.houseTypeInfo.image.splice(i, 1);
        }
      }
    },
    handletypeSuccess(response, file, fileList) {
      this.houseTypeInfo.image.push({
        name: "img",
        url: response.data[0].url
      });
    },

    beforeUpload(file, fileList) {
      console.log(1111111111);
      if (file.size / (1024 * 1024) > 20) {
        // 限制文件大小
        this.$message.warning(`当前限制文件大小不能大于20M`);
        return false;
      }
      let suffix = file.name.substring(file.name.lastIndexOf(".") + 1); //获取文件后缀名
      let suffixArray = ["jpg", "png", "jpeg", "gif"]; //限制的文件类型，根据情况自己定义
      if (suffixArray.indexOf(suffix.toLowerCase()) === -1) {
        this.$message({
          message: "文件格式错误",
          type: "error",
          duration: 2000
        });
        return false;
      }
      return true;
    },
    beforeUploadVideo(file, fileList) {
      console.log(1111111111);
      if (file.size / (1024 * 1024) > 50) {
        // 限制文件大小
        this.$message.warning(`当前限制文件大小不能大于50M`);
        return false;
      }
      let suffix = file.name.substring(file.name.lastIndexOf(".") + 1); //获取文件后缀名
      let suffixArray = [
        "mp4",
        "flv",
        "avi",
        "mpg",
        "wmv",
        "3gp",
        "mov",
        "asf",
        "asx",
        "vob",
        "wmv9",
        "rm",
        "rmvb"
      ]; //限制的文件类型，根据情况自己定义
      if (suffixArray.indexOf(suffix.toLowerCase()) === -1) {
        this.$message({
          message: "文件格式错误",
          type: "error",
          duration: 2000
        });
        return false;
      }
      return true;
    },
    uploadVideoProcess(event, file, fileList) {
      this.videoFlag = true;
      console.log(file.percentage, "上传进度");
      this.videoUploadPercent = parseFloat(file.percentage.toFixed(0));
    },
    handleExceed(files, fileList) {
      this.$message.warning(
        `当前限制选择 9 个文件，本次选择了 ${files.length
        } 个文件，共选择了 ${files.length + this.houseImage.length} 个文件`
      );
    },

    handleVideoSuccess(response, file, fileList) {
      this.videoFlag = false;
      this.videoUploadPercent = 0;
      this.showVideo = [];
      this.showVideo.push({
        name: "video",
        url: response.data[0].url
      });
    },
    handleSuccess(response, file, fileList) {
      console.log(fileList);
      this.showImg.push({
        name: "img",
        url: response.data[0].url
      });
    },
    handlepromotSuccess(response, file, fileList) {
      this.promotiondata.image.push({
        name: "img",
        url: response.data[0].url
      });
    },
    buildByDataSuccess(response, file, fileList) {
      this.buildByData.image.push({
        name: "img",
        url: response.data[0].url
      });
    },
    inforchange(e) {
      this.inforpage.pageNo = e;
      this.getTalesPromotion();
    },
    // handlePictureCardPreview(file) {
    //   this.dialogImageUrl = file.url;
    //   this.dialogVisible = true;
    // },
    //时间戳改成2018-10-10 09:20:03形式
    getTime(value) {
      var b = new Date(value);
      var year = b.getFullYear() + "-";
      var month = b.getMonth() + 1;
      var date = b.getDate();
      var hour = b.getHours();
      var min = b.getMinutes();
      var second = b.getSeconds();
      if (month < 10) {
        month = "0" + (b.getMonth() + 1) + "-";
      } else {
        month = b.getMonth() + 1 + "-";
      }
      if (date < 10) {
        date = "0" + b.getDate();
      }
      if (hour < 10) {
        hour = "0" + b.getHours() + ":";
      } else {
        hour = b.getHours() + ":";
      }
      if (min < 10) {
        min = "0" + b.getMinutes() + ":";
      } else {
        min = b.getMinutes() + ":";
      }
      if (second < 10) {
        second = "0" + b.getSeconds();
      }
      var str =
        String(year) +
        String(month) +
        String(date) +
        " " +
        String(hour) +
        String(min) +
        String(second);
      return str;
    },
    titClick(index) {
      this.xuanzhong = index;
      if (index == "全部") {
        delete this.housetypepage.houseType;
      } else {
        this.housetypepage.houseType = index;
      }
      this.housetypepage.pageNo = 1;
      this.getHouseType(1);
    },
    toXieyi(id) {
      window.open(
        "https://www.bangbangtongcheng.com/conven_pc/#/index/particulars?type=prot&id=" +
        id,
        "_blank"
      );
    },
    // 裁剪图片
    portraitSuccess(response, file, fileList) {
      this.portraitImg = response.data[0].url;
    },
    portraitRemove(file, fileList) {
      this.portraitImg = "";
    },
    uploadFile(file, fileList) {
      console.log(file, fileList);
      this.$refs.upload6.clearFiles();
      if (file.percentage + "" == "0") {
        const isJPG =
          file.raw.type.substring(0, 5) === "image" ||
          file.raw.type.substring(6, 7) == "g";
        const isLt2M = file.raw.size / 1024 / 1024 < 2;
        if (!isJPG) {
          this.$message.error("上传头像图片只能是图片格式!");
          return;
        }
        if (!isLt2M) {
          this.$message.error("上传图片大小不能超过2M");
          return;
        }

        //    this.showImg =file.raw
        this.showImg = URL.createObjectURL(file.raw);
        this.dialogFormVisible = true;
      }
    },
    confirmnn() {
      this.dialogFormVisible = false;
      this.getCropData();
    },
    //裁剪圖片
    getCropData() {
      let self = this;
      this.$refs.cropper.getCropData(data => {
        console.log(data);
        let param = new FormData(); // 创建form对象
        param.append("file", this.dataURLtoBlob(data)); // 通过append向form对象添加数据
        let config = {
          headers: {
            "Content-Type":
              "multipart/form-data; boundary=----WebKitFormBoundarynl6gT1BKdPWIejNq"
          }
        };
        // 添加请求头
        axios.post(this.$upLoad, param, config).then(response => {
          response = response.data;
          if (response.code === 200) {
            self.portraitImg = response.data[0].url;
          }
        });
      });
    },
    dataURLtoBlob(dataurl) {
      var arr = dataurl.split(","),
        mime = arr[0].match(/:(.*?);/)[1],
        bstr = atob(arr[1]),
        n = bstr.length,
        u8arr = new Uint8Array(n);
      while (n--) {
        u8arr[n] = bstr.charCodeAt(n);
      }
      return new Blob([u8arr], { type: mime });
    },
    // 裁剪图片
    carouselSuccess(response, file, fileList) {
      this.carouselImg = response.data[0].url;
    },
    carouselRemove(file, fileList) {
      this.carouselImg = "";
    },
    carouseluploadFile(file, fileList) {
      console.log(file, fileList);
      this.$refs.upload7.clearFiles();
      if (file.percentage + "" == "0") {
        const isJPG =
          file.raw.type.substring(0, 5) === "image" ||
          file.raw.type.substring(6, 7) == "g";
        const isLt2M = file.raw.size / 1024 / 1024 < 2;
        if (!isJPG) {
          this.$message.error("上传头像图片只能是图片格式!");
          return;
        }
        if (!isLt2M) {
          this.$message.error("上传图片大小不能超过2M");
          return;
        }

        //    this.showImg =file.raw
        this.carouselshowImg = URL.createObjectURL(file.raw);
        this.carouselFormVisible = true;
      }
    },
    carouselfirmnn() {
      this.carouselFormVisible = false;
      this.carouselCropData();
    },
    //裁剪圖片
    carouselCropData() {
      let self = this;
      this.$refs.carouselcropper.getCropData(data => {
        console.log(data);
        let param = new FormData(); // 创建form对象
        param.append("file", this.carouselURLtoBlob(data)); // 通过append向form对象添加数据
        let config = {
          headers: {
            "Content-Type":
              "multipart/form-data; boundary=----WebKitFormBoundarynl6gT1BKdPWIejNq"
          }
        };
        // 添加请求头
        axios.post(this.$upLoad, param, config).then(response => {
          response = response.data;
          if (response.code === 200) {
            self.carouselImg = response.data[0].url;
          }
        });
      });
    },
    carouselURLtoBlob(dataurl) {
      var arr = dataurl.split(","),
        mime = arr[0].match(/:(.*?);/)[1],
        bstr = atob(arr[1]),
        n = bstr.length,
        u8arr = new Uint8Array(n);
      while (n--) {
        u8arr[n] = bstr.charCodeAt(n);
      }
      return new Blob([u8arr], { type: mime });
    },
    // 裁剪图片
    informationSuccess(response, file, fileList) {
      this.informationImg = response.data[0].url;
    },
    informationRemove(file, fileList) {
      this.informationImg = "";
    },
    informationuploadFile(file, fileList) {
      console.log(file, fileList);
      this.$refs.upload8.clearFiles();
      if (file.percentage + "" == "0") {
        const isJPG =
          file.raw.type.substring(0, 5) === "image" ||
          file.raw.type.substring(6, 7) == "g";
        const isLt2M = file.raw.size / 1024 / 1024 < 2;
        if (!isJPG) {
          this.$message.error("上传头像图片只能是图片格式!");
          return;
        }
        if (!isLt2M) {
          this.$message.error("上传图片大小不能超过2M");
          return;
        }

        //    this.showImg =file.raw
        this.informationshowImg = URL.createObjectURL(file.raw);
        this.informationFormVisible = true;
      }
    },
    informationfirmnn() {
      this.informationFormVisible = false;
      this.informationCropData();
    },
    //裁剪圖片
    informationCropData() {
      let self = this;
      this.$refs.informationcropper.getCropData(data => {
        console.log(data);
        let param = new FormData(); // 创建form对象
        param.append("file", this.informationURLtoBlob(data)); // 通过append向form对象添加数据
        let config = {
          headers: {
            "Content-Type":
              "multipart/form-data; boundary=----WebKitFormBoundarynl6gT1BKdPWIejNq"
          }
        };
        // 添加请求头
        axios.post(this.$upLoad, param, config).then(response => {
          response = response.data;
          if (response.code === 200) {
            self.informationImg = response.data[0].url;
          }
        });
      });
    },
    informationURLtoBlob(dataurl) {
      var arr = dataurl.split(","),
        mime = arr[0].match(/:(.*?);/)[1],
        bstr = atob(arr[1]),
        n = bstr.length,
        u8arr = new Uint8Array(n);
      while (n--) {
        u8arr[n] = bstr.charCodeAt(n);
      }
      return new Blob([u8arr], { type: mime });
    }
  }
};
</script>
<style lang="less" scoped>
.map {
  position: absolute;
  width: 400px;
  height: 400px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) !important;
}

/deep/.map a {
  display: none !important;
}

.box {
  position: relative;
  padding-bottom: 200px;
}

.zbc {
  position: fixed;
  width: 100%;
  top: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 99;

  .xiaoshou {
    position: absolute;
    width: 1200px;
    height: 554px;
    background-color: #fff;
    border-radius: 5px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);

    .zbc_tit1 {
      color: #64b6a8;
      margin-left: 30px;
      margin-top: 32px;
      margin-bottom: 32px;

      .d1 {
        display: inline-block;
        font-size: 20px;
        font-weight: 600;
        margin-right: 12px;
      }

      .d2 {
        position: relative;
        display: inline-block;
        width: 94px;
        height: 28px;
        line-height: 28px;
        text-indent: 15px;
        border: 1px solid #64b6a8;
        font-size: 14px;

        div {
          display: inline-block;
        }

        .el-icon-circle-plus {
          position: absolute;
          font-size: 20px;
          left: -9px;
          top: 4px;
        }
      }
    }

    .zbc_con1 {
      box-sizing: border-box;
      margin-left: 30px;
      padding-left: 50px;
      padding-top: 26px;
      width: 1140px;
      height: 224px;
      background-color: rgba(248, 248, 248, 0.5);

      .li {
        display: inline-block;
        color: #000;
        margin-right: 90px;
        margin-bottom: 35px;

        div {
          width: 65px;
          display: inline-block;
          font-size: 16px;
          font-weight: 600;
          margin-right: 15px;
          text-align: right;
        }

        input {
          width: 200px;
          line-height: 22px;
          background-color: rgba(248, 248, 248, 0.5);
          border-bottom: 1px solid #d0d0d0;
          padding-bottom: 5px;
          padding-top: 5px;
          font-size: 16px;
          text-align: center;
        }
      }

      .li:nth-child(3n) {
        margin-right: 0px;
      }
    }

    .con1 {
      padding-top: 20px;
      height: 76px;
    }

    .but {
      position: absolute;
      width: 150px;
      height: 45px;
      line-height: 45px;
      text-align: center;
      background-color: #64b6a8;
      color: #fff;
      border-radius: 6px;
      right: 50%;
      transform: translateX();
      bottom: 10px;
      cursor: pointer;
    }
  }

  .huxing {
    z-index: 999;
    position: absolute;
    width: 1200px;
    height: 880px;
    background-color: #fff;
    border-radius: 5px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    box-sizing: border-box;
    padding-left: 40px;

    .titLiat {
      width: 1200px;
      margin-left: 50%;
      transform: translateX(-580px);
      margin-top: 20px;

      .li {
        display: inline-block;
        vertical-align: top;
        margin-right: 40px;
        color: #333;
        cursor: pointer;

        p {
          font-size: 20px;
        }

        img {
          width: 32px;
          height: 16px;
          margin-left: 50%;
          transform: translateX(-50%);
          margin-top: -8px;
        }
      }

      .cur {
        color: #64b6a8 !important;
        border: 0 !important;
        transform: scale(1.1) !important;
      }
    }

    .list2 {
      margin-top: -10px;

      .li {
        box-sizing: border-box;
        display: inline-block;
        width: 270px;
        margin-right: 13px;
        border: 1px solid #d0d0d0;
        margin-top: 16px;
        cursor: pointer;

        img {
          width: 100%;
          height: 180px;
        }

        .wenzi {
          box-sizing: border-box;
          border-top: 1px solid #d0d0d0;
          padding-left: 24px;
          height: 170px;

          .p1 {
            margin-top: 12px;
            font-size: 26px;
            font-weight: 600;
            color: #333;
          }

          .p2,
          .p3 {
            margin-top: 10px;
            font-size: 18px;
            color: #666;
          }

          .p4 {
            margin-top: 8px;
            font-size: 28px;
            font-weight: 600;
            color: red;
          }
        }
      }

      .li:nth-child(4n) {
        margin-right: 0px;
      }

      .liXuan {
        border: 1px solid #64b6a8;
        background-color: #f1f1f1;
        transform: scale(1.1) !important;
        box-shadow: 0px 0px 16px 0px rgba(181, 181, 181, 0.2) !important;
      }
    }

    .but {
      position: absolute;
      width: 150px;
      height: 45px;
      line-height: 45px;
      text-align: center;
      background-color: #64b6a8;
      color: #fff;
      border-radius: 6px;
      right: 36px;
      bottom: 30px;
      cursor: pointer;
    }
  }

  .xiaoshouList {
    position: absolute;
    width: 1200px;
    height: 530px;
    background-color: #fff;
    border-radius: 5px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    box-sizing: border-box;
    padding-left: 30px;
    overflow-y: auto;
    padding-bottom: 30px;

    .tit1 {
      color: #64b6a8;
      margin-top: 22px;
      margin-bottom: 22px;

      .d1 {
        display: inline-block;
        font-size: 20px;
        font-weight: 600;
        margin-right: 12px;
      }

      .d2 {
        position: relative;
        display: inline-block;
        width: 94px;
        height: 28px;
        line-height: 28px;
        text-indent: 15px;
        border: 1px solid #64b6a8;
        font-size: 14px;
        cursor: pointer;

        div {
          display: inline-block;
        }

        .el-icon-circle-plus {
          position: absolute;
          font-size: 20px;
          left: -9px;
          top: 4px;
        }
      }
    }

    .biao {
      width: 1140px;
      border-radius: 6px 6px 0px 0px;
      overflow: hidden;

      /deep/.el-table td,
      /deep/.el-table th.is-leaf {
        text-align: center;
      }

      /deep/.el-table th.is-leaf {
        background-color: #64b6a8;
        color: #fff;
      }
    }
  }

  .xiaoshouxxBox {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 9;

    .xiaoshouxx {
      position: absolute;
      width: 1200px;
      // height: 554px;
      background-color: #fff;
      border-radius: 5px;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);

      .zbc_tit1 {
        color: #64b6a8;
        margin-left: 30px;
        margin-top: 10px;
        margin-bottom: 10px;

        .d1 {
          display: inline-block;
          font-size: 20px;
          font-weight: 600;
          margin-right: 12px;
        }

        .d2 {
          position: relative;
          display: inline-block;
          width: 94px;
          height: 28px;
          line-height: 28px;
          text-indent: 15px;
          border: 1px solid #64b6a8;
          font-size: 14px;

          div {
            display: inline-block;
          }

          .el-icon-circle-plus {
            position: absolute;
            font-size: 20px;
            left: -9px;
            top: 4px;
          }
        }
      }

      .zbc_con1 {
        box-sizing: border-box;
        margin-left: 30px;
        padding-left: 50px;
        padding-top: 26px;
        width: 1140px;
        height: 224px;
        background-color: rgba(248, 248, 248, 0.5);

        .li {
          display: inline-block;
          color: #000;
          margin-right: 90px;
          margin-bottom: 35px;

          div {
            width: 65px;
            display: inline-block;
            font-size: 16px;
            font-weight: 600;
            margin-right: 15px;
            text-align: right;
          }

          input {
            width: 200px;
            line-height: 22px;
            background-color: rgba(248, 248, 248, 0.5);
            border-bottom: 1px solid #d0d0d0;
            padding-bottom: 5px;
            padding-top: 5px;
            font-size: 16px;
            text-align: center;
          }
        }

        .li:nth-child(3n) {
          margin-right: 0px;
        }
      }

      .con1 {
        padding-top: 20px;
        height: 76px;
      }

      .but {
        width: 150px;
        height: 45px;
        line-height: 45px;
        text-align: center;
        background-color: #64b6a8;
        color: #fff;
        border-radius: 6px;
        margin-left: 50%;
        transform: translateX(-50%);
        margin-bottom: 10px;
        cursor: pointer;
      }
    }
  }

  .xiaoshouxkBox {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 9;

    .xiaoshouxx {
      position: absolute;
      width: 1200px;
      // height: 554px;
      background-color: #fff;
      border-radius: 5px;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);

      .zbc_tit1 {
        color: #64b6a8;
        margin-left: 30px;
        margin-top: 10px;
        margin-bottom: 10px;

        .d1 {
          display: inline-block;
          font-size: 20px;
          font-weight: 600;
          margin-right: 12px;
        }

        .d2 {
          position: relative;
          display: inline-block;
          width: 94px;
          height: 28px;
          line-height: 28px;
          text-indent: 15px;
          border: 1px solid #64b6a8;
          font-size: 14px;

          div {
            display: inline-block;
          }

          .el-icon-circle-plus {
            position: absolute;
            font-size: 20px;
            left: -9px;
            top: 4px;
          }
        }
      }

      .zbc_con1 {
        box-sizing: border-box;
        margin-left: 30px;
        padding-left: 50px;
        padding-top: 26px;
        width: 1140px;
        height: 224px;
        background-color: rgba(248, 248, 248, 0.5);

        .li {
          display: inline-block;
          color: #000;
          margin-right: 90px;
          margin-bottom: 35px;

          div {
            width: 180px;
            display: inline-block;
            font-size: 16px;
            font-weight: 600;
            margin-right: 15px;
            text-align: right;
          }

          input {
            width: 200px;
            line-height: 22px;
            background-color: rgba(248, 248, 248, 0.5);
            border-bottom: 1px solid #d0d0d0;
            padding-bottom: 5px;
            padding-top: 5px;
            font-size: 16px;
            text-align: center;
          }
        }

        .li:nth-child(3n) {
          margin-right: 0px;
        }
      }

      .con1 {
        padding-top: 20px;
        height: 150px;
      }

      .but {
        width: 150px;
        height: 45px;
        line-height: 45px;
        text-align: center;
        background-color: #64b6a8;
        color: #fff;
        border-radius: 6px;
        margin-left: 50%;
        transform: translateX(-50%);
        margin-bottom: 10px;
        cursor: pointer;
      }
    }
  }
}

.tit {
  width: 100%;
  height: 100px;
  background-color: #f2f2f2;

  .list {
    position: relative;
    width: 1200px;
    margin-left: 50%;
    padding-top: 25px;
    transform: translateX(-50%);
    background-color: #f2f2f2;

    div {
      display: inline-block;
      vertical-align: middle;
      font-size: 20px;
      color: #333333;
      margin-right: 40px;
    }

    .li {
      font-size: 28px;
      color: #64b6a8;
      margin-right: 45px;

      img {
        /* width: 60px;
        height: 60px; */
      }

      span {
        vertical-align: middle;
      }
    }

    .title {
      div {
        color: #333;
        font-size: 20px;
        cursor: pointer;
      }

      .color {
        color: #64b6a8;
      }
    }

    .but {
      position: absolute;
      right: 0;
      width: 200px;
      height: 50px;
      background: #64b6a8;
      border-radius: 6px;
      text-align: center;
      line-height: 50px;
      color: #fff;
      cursor: pointer;
    }
  }
}

.form {
  width: 1200px;
  margin-left: 50%;
  transform: translateX(-50%);
  color: #333;

  .xuke {
    width: 160px;
    height: 38px;
    line-height: 38px;
    font-size: 16px;
    color: #64b6a8;
    text-align: center;
    border: 1px solid #64b6a8;
    margin-top: 32px;
    margin-bottom: 12px;
    cursor: pointer;
  }

  .name {
    width: 100%;
    text-align: center;
    font-size: 28px;
    font-weight: 600;
    margin-top: 40px;
    margin-bottom: 35px;
  }

  .rig {
    right: 0;
  }

  .xiala {
    width: 75px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    background-color: #fff;
    border-radius: 4px;
    cursor: pointer;
    border: 1px solid #e0e0e0;
  }

  .list {
    .li {
      display: inline-block;
      vertical-align: top;
      width: 500px;
      border-bottom: 1px solid #d0d0d0;
      padding-bottom: 16px;
      margin-top: 20px;
      margin-right: 195px;

      .left {
        display: inline-block;
        width: 110px;
        font-size: 20px;
        font-weight: 600;
        margin-right: 5px;

        span {
          color: red;
        }
      }

      .right {
        display: inline-block;
        width: 380px;
        vertical-align: revert;

        input {
          width: 99%;
          font-size: 20px;
          background-color: #fff;
          cursor: pointer;
        }

        .el-select {
          width: 99%;

          /deep/.el-input__inner {
            border: 0;
            padding: 0;
            font-size: 20px;
            height: 23px;
            line-height: 23px;
          }
        }

        /deep/.el-radio__label {
          font-size: 18px;
        }

        /deep/.el-radio__inner {
          width: 21px;
          height: 21px;
        }

        /deep/.el-input__icon {
          line-height: 23px;
        }

        /deep/.el-radio__input.is-checked .el-radio__inner {
          background-color: #64b6a8;
          border-color: #64b6a8;
        }

        /deep/.el-radio__inner::after {
          box-sizing: content-box;
          content: "";
          border: 2px solid #fff;
          position: absolute;
          transform: rotate(45deg) scaleY(1);
          transition: transform 0.15s ease-in 0.05s;
          transform-origin: center;
          border-radius: 0;
          background-color: rgba(0, 0, 0, 0);
          width: 6px;
          height: 13px;
          left: 6px;
          top: 1px;
          border-left: 0;
          border-top: 0;
        }

        /deep/.el-radio__input.is-checked+.el-radio__label {
          color: #333;
        }
      }

      .tu {
        position: relative;
        margin-top: 24px;
        width: 100%;
        font-size: 18px;

        .el-textarea {
          font-size: 18px;
        }

        .textarea {
          /deep/.el-textarea__inner {
            width: 1200px;
            min-height: 80px !important;
            line-height: 25px;
            outline: none;
            padding: 10px 13px 30px 13px;
            overflow-y: visible;
          }
        }

        .zi {
          position: absolute;
          font-size: 14px;
          z-index: 99;
          right: 10px;
          bottom: 10px;
          color: #999999;
        }
      }
    }

    .li:nth-child(2n) {
      margin-right: 0px;
    }

    .tuLi {
      border: 0;
      display: block;
    }
  }
}

.form01 {
  position: relative;
  width: 610px;
  // height: 650px;
  margin-left: 50%;
  margin-top: 38px;
  transform: translateX(-50%);

  .list {
    .li {
      display: inline-block;
      vertical-align: top;
      width: 507px;
      padding-bottom: 16px;
      margin-top: 20px;
      margin-right: 195px;
      line-height: 28px;

      .left {
        display: inline-block;
        width: 115px;
        font-size: 20px;
        font-weight: 600;
        margin-right: 5px;
        color: #000;
        line-height: 48px;

        span {
          color: red;
          margin-right: 5px;
        }
      }

      .right {
        display: inline-block;
        /* width: 380px; */
        color: #000;
        font-size: 18px;

        input {
          width: 99%;
          font-size: 20px;
          background-color: #fff;
          cursor: pointer;
        }

        /deep/.el-radio__label {
          font-size: 18px;
        }

        /deep/.el-radio__inner {
          width: 21px;
          height: 21px;
        }

        /deep/.el-input__icon {
          line-height: 23px;
        }

        /deep/.el-radio__input.is-checked .el-radio__inner {
          background-color: #64b6a8;
          border-color: #64b6a8;
        }

        /deep/.el-radio__inner::after {
          box-sizing: content-box;
          content: "";
          border: 2px solid #fff;
          position: absolute;
          transform: rotate(45deg) scaleY(1);
          transition: transform 0.15s ease-in 0.05s;
          transform-origin: center;
          border-radius: 0;
          background-color: rgba(0, 0, 0, 0);
          width: 6px;
          height: 13px;
          left: 6px;
          top: 1px;
          border-left: 0;
          border-top: 0;
        }

        /deep/.el-radio__input.is-checked+.el-radio__label {
          color: #333;
        }
      }

      .bottom {
        margin-top: 20px;
      }
    }

    .border_bottom {
      border-bottom: 1px solid #d0d0d0;
    }
  }
}

.Hform {
  position: relative;
  margin-top: 40px;
  margin-left: 50%;
  font-size: 18px;
  transform: translateX(-50%);
  width: 1200px;
  border-radius: 6px 6px 0px 0px;
  overflow: hidden;

  /deep/.el-table td,
  /deep/.el-table th.is-leaf {
    text-align: center;
  }

  /deep/.el-table th.is-leaf {
    background-color: #64b6a8;
    color: #fff;
  }

  .icon {
    /* width: 136px; */
    height: 36px;
  }
}

.Hpage {
  position: relative;
  margin-top: 300px;
  font-size: 18px;
  width: 1200px;
  margin-bottom: 65px;
  margin-left: 50%;
  transform: translateX(-50%);
  text-align: center;

  /deep/.el-pagination.is-background .el-pager li:not(.disabled).active {
    background-color: #64b6a8;
  }

  /deep/.el-pagination.is-background .btn-next,
  .el-pagination.is-background .btn-prev,
  .el-pagination.is-background .el-pager li {
    color: #606266;
  }
}

.form02 {
  position: relative;
  margin-top: 38px;
  margin-left: 50%;
  width: 900px;
  transform: translateX(-50%);

  .list {
    .li {
      display: inline-block;
      width: 899px;
      vertical-align: top;
      padding-bottom: 16px;
      margin-top: 20px;
      margin-right: 195px;
      line-height: 28px;

      .title {
        /deep/.el-input__inner {
          font-size: 18px;
        }
      }

      .content {
        width: 899px;
        color: #000;

        /deep/.el-textarea__inner {
          font-size: 18px;
          padding: 10px;
        }
      }

      .d1 {
        display: inline-block;
        color: #000000;
        font-size: 20px;
        font-weight: 600;
        margin-right: 24px;
      }

      .d2 {
        display: inline-block;
        margin-right: 24px;
        width: 130px;
      }
    }
  }
}

.Budform {
  position: relative;
  margin-top: 40px;
  margin-left: 50%;
  font-size: 18px;
  transform: translateX(-50%);
  width: 1200px;
  border-radius: 6px 6px 0px 0px;
  overflow: hidden;

  /deep/.el-table td,
  /deep/.el-table th.is-leaf {
    text-align: center;
  }

  /deep/.el-table th.is-leaf {
    background-color: #64b6a8;
    color: #fff;
  }
}

.page {
  position: relative;
  margin-top: 300px;
  font-size: 18px;
  width: 1200px;
  margin-left: 50%;
  transform: translateX(-50%);
  text-align: center;
  margin-bottom: 65px;

  /deep/.el-pagination.is-background .el-pager li:not(.disabled).active {
    background-color: #64b6a8;
  }

  /deep/.el-pagination.is-background .btn-next,
  .el-pagination.is-background .btn-prev,
  .el-pagination.is-background .el-pager li {
    color: #606266;
  }
}

.Spotform {
  position: relative;
  margin-top: 40px;
  margin-left: 50%;
  font-size: 18px;
  transform: translateX(-50%);
  width: 1200px;
  border-radius: 6px 6px 0px 0px;
  overflow: hidden;

  /deep/.el-table td,
  /deep/.el-table th.is-leaf {
    text-align: center;
  }

  /deep/.el-table th.is-leaf {
    background-color: #64b6a8;
    color: #fff;
  }
}

.Spage {
  position: relative;
  margin-left: 50%;
  transform: translateX(-50%);
  margin-top: 300px;
  font-size: 18px;
  width: 1200px;
  text-align: center;
  margin-bottom: 65px;

  /deep/.el-pagination.is-background .el-pager li:not(.disabled).active {
    background-color: #64b6a8;
  }

  /deep/.el-pagination.is-background .btn-next,
  .el-pagination.is-background .btn-prev,
  .el-pagination.is-background .el-pager li {
    color: #606266;
  }
}

.xieyi {
  width: 520px;
  color: #333;
  margin-left: 50%;
  transform: translateX(-50%);
  margin-top: 70px;
  margin-bottom: 25px;

  /deep/.el-checkbox__inner {
    width: 28px;
    height: 28px;
    border-radius: 50%;
  }

  /deep/.el-checkbox__inner::after {
    border: 2px solid #fff;
    width: 6px;
    height: 13px;
    left: 9px;
    top: 4px;
    border-left: 0;
    border-top: 0;
  }

  /deep/.el-checkbox__input.is-checked .el-checkbox__inner,
  /deep/.el-checkbox__input.is-indeterminate .el-checkbox__inner {
    background-color: #64b6a8;
    border-color: #64b6a8;
  }

  p {
    width: 445px;
    display: inline-block;
  }
}

.queding {
  width: 300px;
  height: 60px;
  background: #64b6a8;
  border-radius: 6px;
  text-align: center;
  line-height: 60px;
  margin-left: 50%;
  transform: translateX(-50%);
  font-size: 24px;
  margin-bottom: 50px;
  cursor: pointer;
}

.back {
  width: 300px;
  height: 60px;
  background: #676969;
  border-radius: 6px;
  text-align: center;
  line-height: 60px;
  margin-left: 50%;
  transform: translateX(-50%);
  font-size: 24px;
  margin-top: 100px;
  margin-bottom: 50px;
  cursor: pointer;
}

.fenye {
  width: 100%;
  height: 50px;
  text-align: center;
  margin-top: 20px;

  /deep/.el-pagination.is-background .el-pager li:not(.disabled).active {
    background-color: #64b6a8;
  }
}

.el-icon-circle-close {
  color: #666;
  position: absolute;
  right: 35px;
  top: 10px;
  font-size: 30px;
  cursor: pointer;
}

.form3 {
  width: 700px;
  margin-left: 50%;
  transform: translateX(-50%);
  color: #333;

  .name {
    width: 100%;
    text-align: center;
    font-size: 28px;
    font-weight: 600;
    margin-top: 40px;
    margin-bottom: 35px;
  }

  .rig {
    right: 0;
  }

  .xiala {
    width: 75px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    background-color: #fff;
    border-radius: 4px;
    cursor: pointer;
    border: 1px solid #e0e0e0;
  }

  .list {
    .li {
      border-bottom: 1px solid #d0d0d0;
      padding-bottom: 16px;
      margin-top: 20px;

      .left {
        display: inline-block;
        width: 140px;
        font-size: 20px;
        font-weight: 600;
        margin-right: 5px;

        span {
          color: red;
        }
      }

      .right {
        display: inline-block;
        width: 550px;

        input {
          width: 99%;
          font-size: 20px;
          background-color: #fff;
          cursor: pointer;
        }

        .el-select {
          width: 99%;

          /deep/.el-input__inner {
            border: 0;
            padding: 0;
            font-size: 20px;
          }
        }

        /deep/.el-radio__label {
          font-size: 18px;
        }

        /deep/.el-radio__inner {
          width: 28px;
          height: 28px;
        }

        /deep/.el-radio__input.is-checked .el-radio__inner {
          background-color: #64b6a8;
          border-color: #64b6a8;
        }

        /deep/.el-radio__inner::after {
          box-sizing: content-box;
          content: "";
          border: 2px solid #fff;
          position: absolute;
          transform: rotate(45deg) scaleY(1);
          transition: transform 0.15s ease-in 0.05s;
          transform-origin: center;
          border-radius: 0;
          background-color: rgba(0, 0, 0, 0);
          width: 6px;
          height: 13px;
          left: 9px;
          top: 4px;
          border-left: 0;
          border-top: 0;
        }

        /deep/.el-radio__input.is-checked+.el-radio__label {
          color: #333;
        }
      }

      .tu {
        position: relative;
        margin-top: 24px;
        width: 100%;
        font-size: 18px;

        .el-textarea {
          font-size: 18px;
        }

        .textarea {
          /deep/.el-textarea__inner {
            width: 698px;
            min-height: 80px !important;
            line-height: 25px;
            outline: none;
            padding: 10px 13px 30px 13px;
            overflow-y: visible;
          }
        }

        .zi {
          position: absolute;
          font-size: 14px;
          z-index: 99;
          right: 10px;
          bottom: 10px;
          color: #999999;
        }
      }
    }

    .tuLi {
      border: 0;
    }
  }
}

/deep/#input__inner {
  border: 1px #ffffff solid;
  font-size: 20px;
  height: 23px;
  cursor: pointer;
  padding: 0;
}

/deep/.el-input-group__append {
  border: 0;
  background-color: #ffffff;
}

/deep/.form .el-input__prefix {
  /* right: -250px; */
  left: 110% !important;
}

/deep/#el-select {
  width: 200px;
}

/deep/.el-date-editor--datetime {
  width: 370px;
}

/deep/.el-tabs__header {
  width: 700px;
  left: 32%;
}

/deep/.el-tabs__item {
  font-size: 18px;
}

/deep/.is-active {
  font-weight: 600;
  color: #64b6a8;
}

/deep/.el-tabs__active-bar {
  background-color: #64b6a8;
  height: 3px;
}

/deep/#d1-input {
  border: none;
  background: #fbfbfb;
  border-bottom: 2px #e5e5e5 solid;
  font-size: 16px;
  width: 200px;
  vertical-align: middle;
  line-height: 16px;
  cursor: pointer;
  padding: 0;
}

.xiaoshouxxBox {
  /deep/.el-input__prefix {
    /* position: relative; */
    margin-left: 280px;
  }

  /deep/.el-input__suffix {
    /* position: relative; */
    right: -173% !important;
  }
}

.xiaoshouxkBox {
  /deep/.el-input__prefix {
    /* position: relative; */
    left: auto;
  }
}

.xiaoshouxxBox {
  /deep/.el-icon-time {
    transform: translateX(-110px);
  }
}

.d1-input-right {
  transform: translateX(120px);
}

.el-select {
  /deep/ .el-select__tags {
    flex-wrap: nowrap;
    height: 20px;
  }
}

// /deep/.el-select .huxingleibie{
//   width: 100%;
//   /deep/.el-input .el-input--suffix{
//     width: 100%;
//   }
// }
.erweima {
  position: fixed;
  right: 20%;
  top: 15%;
  z-index: 99999;
  background-color: #f7f0f0;
  padding: 20px;
  border-radius: 5px;
  display: flex !important;
  margin-right: 10px !important;

  div {
    margin-right: 10px !important;
    z-index: 99999;
    display: flex !important;
    flex-direction: column;
    align-items: center;

    img {
      width: 150px;
      height: 150px;
    }

    span {
      color: #000;
    }
  }
}

// tututututu
.tuLi {
  border: 0;
}

.tu {
  position: relative;
  margin-top: 12px;
  width: 100%;
  font-size: 18px;
  display: flex;

  img {
    object-fit: contain;
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0.2);
  }

  video {
    object-fit: contain;
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0.2);
  }

  .info {
    height: 136px;
    max-width: 960px;
    color: #333;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 6px;
    padding-left: 18px;

    .info-title {
      color: #64b6a8;
      font-size: 24px;
      line-height: 32px;
      font-weight: 600;
    }

    .info-desc {
      color: #333;
      font-size: 18px;
      line-height: 24px;
      font-weight: 500;
      margin-bottom: 16px;
    }

    .info-operate {}
  }

  .el-textarea {
    font-size: 18px;
  }

  .textarea {
    /deep/.el-textarea__inner {
      width: 698px;
      min-height: 80px !important;
      line-height: 25px;
      outline: none;
      padding: 10px 13px 30px 13px;
      overflow-y: visible;
    }
  }

  .zi {
    position: absolute;
    font-size: 14px;
    z-index: 99;
    right: 10px;
    bottom: 10px;
    color: #999999;
  }
}

.tuLi {
  border: 0;
}

/deep/ .el-upload--picture-card {
  border: 1px dashed #c0ccda !important;
}

.txt2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
</style>
